// ARRAY OF YEARS AVAILABLE FOR EACH PROGRAM
	var packYears=["2004","2005","2006","2007","2008","2009","2010","2011","All"];
	var nepcYears=["2009","2010","2011","All"];
	var fpfcYears=["2008","2009","2010","All"];
	var nucciYears=["2006","2007","2008","2009","2010","All"];
	var foodserviceYears=["2011"];

// PROGRAM AND YEAR YOU WANT TO SEE DATA FOR
	var selectedProgram;
	var selectedYear;

// STARTS WHEN DOM GET LOADED
	$(document).ready(function() {

	// WHEN A PROGRAM IS SELECTED SHOW YEARS AVAILABLE
		$('.program').change(function() {
			if(this.value.length>0){
				if(this.value=="pack"){
					yearArray=packYears;
					selectedProgram="pack";
				}else if(this.value=="nepc"){
					yearArray=nepcYears;
					selectedProgram="nepc";
				}else if(this.value=="fpfc"){
					yearArray=fpfcYears;
					selectedProgram="fpfc";
				}else if(this.value=="nucci"){
					yearArray=nucciYears;
					selectedProgram="nucci";
				}else if(this.value=="foodservice"){
					yearArray=foodserviceYears;
					selectedProgram="foodservice";
				}
				if(yearArray.length>0){
					$('.programYear').remove();
					for(i=0;i<yearArray.length;i++){
						$("<option class=\"programYear\" value=\""+yearArray[i]+"\">"+yearArray[i]+"</option>").appendTo('.year');
					}
				}
				$('.year').removeAttr('disabled');
			}else{
			// NO PROGRAM SELECTED, DISABLE YEAR SELECT AND BUTTON
				$('.year').attr('disabled', 'disabled');
				$(":button").attr('disabled', 'disabled');
			}
		});

	// WHEN A YEAR IS SELECTED ENABLE BUTTON
		$('.year').change(function() {
			selectedYear=this.value;
			if(this.value.length>0){
				$(":button").removeAttr('disabled');
			}else{
				$(":button").attr('disabled', 'disabled');
			}
		});

	// LOAD DATA WHEN THE BOTTON IS CLICKED 
		$(":button").click(function() {loadDir(selectedProgram,selectedYear);});

	//STOP THE FORM FROM SUBMITTING AND RELOADING PAGE
		$("form").submit(function () {return false;});

	// LOADS THE XML AND DISPLAYS
		function loadDir(program,showYear){

		// IF PROGAM IS SELECTED
			if(program.length>0 && showYear.length>0){
				$("#directory").text(" ");

				// GET XML FILE
				xFile = "directory/PACK.xml";
				if(program == "fpfc"){
					xFile = "directory/FPFC.xml";
				}else if(program =="nepc"){
					xFile = "directory/NEPC.xml";
				}else if(program =="nucci"){
					xFile = "directory/NUCCI.xml";
				}else if(program =="foodservice"){
					xFile = "directory/foodservice.xml";
				}

				// INSERTS HEADLINE
				insertHeadline(program,showYear);

			// CREATE TWO DIVS FOR COLUMS AND ARRAY TO HOLD DIVS
				var studentArray=new Array();
				var num=0;
				$("<div id=\"col1\" style=\"float:left;width:49%;\" />").appendTo("#directory");
				$("<div id=\"col2\" style=\"float:right;width:49%;\" />").appendTo("#directory");

			// GET XML FILE AND SET DATA TO OBJ THEN DISPLAY
				$.get(xFile,{},function(xml){
					$('Row',xml).each(function(i){
						lastName=$(this).find("Last_Name").text();
						programYear=$(this).find("Program_Year").text();

						if(lastName.length>0 && programYear.length>0){

							if(showYear=="all" || programYear==showYear){

							// GET FIRSTNAME AND BIO TEXT
								firstName=$(this).find("First_Name").text();
								bio=$(this).find("Bio").text();

							// CREATE DIV FOR EACH PERSON WITH ID OF "studentX"
								newDiv = document.createElement('div');
								newDiv.setAttribute('id', "student"+i);
								$(newDiv).css("padding-bottom","20px");

							// CREATE TABLE FOR IMAGE AND INFO
								newTable = document.createElement('table');
								newTable.setAttribute('width', "100%");
								$(newTable).appendTo(newDiv);
								newTr = document.createElement('tr');
								$(newTr).appendTo(newTable);

							// ADD TD AND IMAGE
								imgTd = document.createElement('td');
								imgTd.setAttribute('class', 'studentImage');
								imgTd.setAttribute('width', '75px');
								imgTd.setAttribute('valign', 'Top');
								image=$(this).find("Image").text();
								len=image.length;
								photo="directory/photos/no_image.gif";
								if(len>0){
									photo=image;
								}
								$("<img src=\""+photo+"\" width=\"70px\" height=\"80px\" border=\"0\" />").appendTo(imgTd);
								$(imgTd).appendTo(newTr);

							// CREATE TD FOR STUDENT INFO
								infoTd = document.createElement('td');

							// CREATE DIV AND SPAN FOR EACH PERSON NAME WITH CLASS OF "studentName"
								divName = document.createElement('div');
								$("<span class=\"studentName\">"+lastName+", "+firstName+"</span>").appendTo(divName);

							// CREATE BIO LINK
								len=bio.length;
								if(len>0){
									newT=document.createTextNode(" - ");
									$(newT).appendTo(divName);
									$("<a class=\"bioLink\" href=\"javascript:void(0)\" id=\""+i+"\" onclick=\"javascript:showBio('"+i+"')\"><img src=\"images/icon_bio.gif\" alt=\"Student Bio\" title=\"Student Bio\" width=\"19\" height=\"16\" border=\"0\" /></a>").appendTo(divName);
								}

							// CREATE PROFESSIONAL PROFILE LINK
								profileLink=$(this).find("Profile_Link").text();
								len=profileLink.length;
								if(len>0){
									$("<a href=\""+profileLink+"\"><img src=\"images/icon_pro.gif\" style=\"margin-left:7px;\" alt=\"Professional Profile\" title=\"Professional Profile\" width=\"20\" height=\"16\" border=\"0\" /></a>").appendTo(divName);
								}

								 $(divName).appendTo(infoTd);

							// CREATE DIV FOR EACH SCHOOL INFO WITH CLASS OF "school"
								schoolName=$(this).find("School").text();
								if(schoolName.length>0){
									schoolYear=$(this).find("Expected_Grad__Year").text();
									if (schoolYear.length>0){
										$("<div class=\"school\">Education: "+schoolName+", "+schoolYear+"</div>").appendTo(infoTd);
									}else{
										$("<div class=\"school\">Education: "+schoolName+"</div>").appendTo(infoTd);
									}
								}

							// CREATE DIV FOR EACH COMPANY INFO WITH CLASS OF "company"
								company=$(this).find("Company").text();
								len=company.length;
								if(len>0){
									title=$(this).find("Title").text();
									if(title.length>0){
										$("<div class=\"company\">Employment Status: "+company+", "+title+"</div>").appendTo(infoTd);
									}else{
										$("<div class=\"company\">Employment Status: "+company+"</div>").appendTo(infoTd);
									}
								}

							// CREATE DIV FOR EACH EMAIL INFO WITH CLASS OF "email"
								email=$(this).find("Email").text();
								len=email.length;
								if(len>0){
									$("<div class=\"email\">Email: <a href=\"mailto:"+email.replace(",",";")+"\">"+email+"</a></div>").appendTo(infoTd);
								}

								$(infoTd).appendTo(newTr);

							// CREATE DIV FOR EACH BIO INFO WITH CLASS OF "bio" AND ID OF "bioX" THEN ADD INTO TD
								len=bio.length;
								if(len){
									$("<div class=\"bio\" id=\"bio"+i+"\" style=\"display:none\">"+bio+"</div>").appendTo(newDiv);
								}

							// ADD STUDENT DIV TO ARRAY
								studentArray[num]=newDiv;
								num++;
							}
						}
					});

				// FIGURE OUT LENGTH OF ARRAY AND SORT INTO COLUMNS
					var studentLength=studentArray.length;
					var switch1 = Math.ceil(studentLength/2);
					for(x in studentArray){
						if((parseInt(x)+1)<=switch1){
							$("#col1").append(studentArray[x]);
						}else{
							$("#col2").append(studentArray[x]);
						}
					}
				});
			}
		}
	 });

// SHOWS AND HIDES THE BIO INFORMATION
	function showBio(id){
		var2="#bio"+id;
		if ($(var2).is(":hidden")) {
			$(".bio").slideUp("slow");
			$(var2).slideDown("slow");
		} else {
			$(var2).slideUp("slow");
		}
		return false;
	}

// CREATES AND INSERTS THE HEALINE TEXT
	function insertHeadline(programName,year){
		headline="";
		if(year=="All"){year="";}
		if(programName == "fpfc"){
			headline="FPFC "+year+"";
		}else if(programName =="nepc"){
			headline="NEPC "+year+"";
		}else if(programName =="nucci"){
			headline="NUCCI "+year+"";
		}else if(programName =="foodservice"){
			headline="Foodservice "+year+"";
		}else{
			headline="PACK "+year+"";
		}
		$("#headlineText").text(headline);
	}