// JavaScript Document
// handles display of rollover images on = gitai home =

/*
This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com */

//also need images arrays for the buttons:  one array of "off", one of "on" (5 each)
	buttons_off = new Array;
	buttons_on = new Array;

	home_groupPic = new Array;
	home_research = new Array;
	home_publications = new Array;
	home_members = new Array;
	home_resources = new Array;
	home_contact = new Array;
	
	//places is an array in which the names of the slices (to be swapped) are stored
	places = new Array;
	places[0] = 'slice_0';
	places[1] = 'slice_1';
	places[2] = 'slice_2';
	places[3] = 'slice_3';
	places[4] = 'slice_4';
	 
	
	//load slices into array, x 6: default group and five page previews
	//default group picture
	home_groupPic[0] = new Image; home_groupPic[0].src = "images_final/home_group/group_0.jpg";
	home_groupPic[1] = new Image; home_groupPic[1].src = "images_final/home_group/group_1.jpg";
	home_groupPic[2] = new Image; home_groupPic[2].src = "images_final/home_group/group_2.jpg";
	home_groupPic[3] = new Image; home_groupPic[3].src = "images_final/home_group/group_3.jpg";
	home_groupPic[4] = new Image; home_groupPic[4].src = "images_final/home_group/group_4.jpg";
	
	//research: caulo dissection picture
	home_research[0] = new Image; home_research[0].src = "images_final/home_cauloDissect/cauloDissect_0.jpg";
	home_research[1] = new Image; home_research[1].src = "images_final/home_cauloDissect/cauloDissect_1.jpg";
	home_research[2] = new Image; home_research[2].src = "images_final/home_cauloDissect/cauloDissect_2.jpg";
	home_research[3] = new Image; home_research[3].src = "images_final/home_cauloDissect/cauloDissect_3.jpg";
	home_research[4] = new Image; home_research[4].src = "images_final/home_cauloDissect/cauloDissect_4.jpg";
	
	//publications: pnas cover picture
	home_publications[0] = new Image; home_publications[0].src = "images_final/home_cell/cell_0.jpg";
	home_publications[1] = new Image; home_publications[1].src = "images_final/home_cell/cell_1.jpg";
	home_publications[2] = new Image; home_publications[2].src = "images_final/home_cell/cell_2.jpg";
	home_publications[3] = new Image; home_publications[3].src = "images_final/home_cell/cell_3.jpg";
	home_publications[4] = new Image; home_publications[4].src = "images_final/home_cell/cell_4.jpg";
	
	//members: g&gs picture
	home_members[0] = new Image; home_members[0].src = "images_final/home_outing/outing_0.jpg";
	home_members[1] = new Image; home_members[1].src = "images_final/home_outing/outing_1.jpg";
	home_members[2] = new Image; home_members[2].src = "images_final/home_outing/outing_2.jpg";
	home_members[3] = new Image; home_members[3].src = "images_final/home_outing/outing_3.jpg";
	home_members[4] = new Image; home_members[4].src = "images_final/home_outing/outing_4.jpg";
	
	//resources: prediv links picture
	home_resources[0] = new Image; home_resources[0].src = "images_final/home_links/links_0.jpg";
	home_resources[1] = new Image; home_resources[1].src = "images_final/home_links/links_1.jpg";
	home_resources[2] = new Image; home_resources[2].src = "images_final/home_links/links_2.jpg";
	home_resources[3] = new Image; home_resources[3].src = "images_final/home_links/links_3.jpg";
	home_resources[4] = new Image; home_resources[4].src = "images_final/home_links/links_4.jpg";
	
	//contact: ltl picture
	home_contact[0] = new Image; home_contact[0].src = "images_final/home_ltl/ltl_0.jpg";
	home_contact[1] = new Image; home_contact[1].src = "images_final/home_ltl/ltl_1.jpg";
	home_contact[2] = new Image; home_contact[2].src = "images_final/home_ltl/ltl_2.jpg";
	home_contact[3] = new Image; home_contact[3].src = "images_final/home_ltl/ltl_3.jpg";
	home_contact[4] = new Image; home_contact[4].src = "images_final/home_ltl/ltl_4.jpg";
	

	//these [0] will be placeholders
	buttons_off[0] = null;  
	buttons_on[0] = null;
	
	buttons_off[1] = new Image;  buttons_off[1].src = "images_final/button_research_off.png"; 
	buttons_on[1] = new Image; buttons_on[1].src = "images_final/button_research_on.png";
	
	buttons_off[2] = new Image;  buttons_off[2].src = "images_final/button_publications_off.png"; 
	buttons_on[2] = new Image; buttons_on[2].src = "images_final/button_publications_on.png";
	
	buttons_off[3] = new Image;  buttons_off[3].src = "images_final/button_members_off.png"; 
	buttons_on[3] = new Image; buttons_on[3].src = "images_final/button_members_on.png";
	
	buttons_off[4] = new Image;  buttons_off[4].src = "images_final/button_resources_off.png"; 
	buttons_on[4] = new Image; buttons_on[4].src = "images_final/button_resources_on.png";

	buttons_off[5] = new Image;  buttons_off[5].src = "images_final/button_contact_off.png"; 
	buttons_on[5] = new Image; buttons_on[5].src = "images_final/button_contact_on.png";
	
 	
	function on(imgName, imgNum)  { 
		document[imgName].src = buttons_on[imgNum].src; 
	}
	
	function off(imgName, imgNum) { 
		document[imgName].src = buttons_off[imgNum].src; 
	}
 
	function up(imgArray, imgName, imgNum) { 
		document[imgName].src = imgArray[imgNum].src; 
	}
	//involves displaying set of 5 slices in a composite
	//imgSetArray is an array of image arrays (all sets of 5-slice-composites)
	//imgSlots is an array of named image spaces, into which the elements 
	//of an image set will fit
	
	//this is shitty style, but it works; should be more flexible/generic
	//setNum refers to the array of sliceArrays that has yet to be implemented
	function compositeUp (sliceArray, placeArray, setNum) { 
		//fill said "place"s with slice_0...slice_4
		/*for (i = 0; i < sliceArray.length; i++) {
			//this will be nice 
			return;
		}*/
		document[placeArray[0]].src = sliceArray[0].src;
		document[placeArray[1]].src = sliceArray[1].src;
		document[placeArray[2]].src = sliceArray[2].src;
		document[placeArray[3]].src = sliceArray[3].src;
		document[placeArray[4]].src = sliceArray[4].src;
		          		
	}