/*Here is the stuff for the image roll overs in the menu bar*/

	 /*preload images*/
	 
	 //home
	 var homeDef = new Image();
	 homeDef.src = "./buttons/home_def.gif";
	 var homeHov = new Image();
	 homeHov.src = './buttons/home_hov.gif';
	 var homeVis = new Image();
	 homeVis.src = "./buttons/home_vis.gif";
	 
	 //Family
	 var familyDef = new Image();
	 familyDef.src = "./buttons/family_def.gif";
	 var familyHov = new Image();
	 familyHov.src = "./buttons/family_hov.gif";
	 var familyVis = new Image();
	 familyVis.src = "./buttons/family_vis.gif";
	 
	 //Music
	 var musicDef = new Image();
	 musicDef.src = "./buttons/music_def.gif";
	 var musicHov = new Image();
	 musicHov.src = "./buttons/music_hov.gif";
	 var musicVis = new Image();
	 musicVis.src = "./buttons/music_vis.gif";
	 
	 //Spirituality
	 var spiritualityDef = new Image();
	 spiritualityDef.src = "./buttons/spirituality_def.gif";
	 var spiritualityHov = new Image();
	 spiritualityHov.src = "./buttons/spirituality_hov.gif";
	 var spiritualityVis = new Image();
	 spiritualityVis.src = "./buttons/spirituality_vis.gif";
	 
	 //Writing
	 var writingDef = new Image();
	 writingDef.src = "./buttons/writing_def.gif";
	 var writingHov = new Image();
	 writingHov.src = "./buttons/writing_hov.gif";
	 var writingVis = new Image();
	 writingVis.src = "./buttons/writing_vis.gif";
	 
	 //Technical
	 var technicalDef = new Image();
	 technicalDef.src = "./buttons/technical_def.gif";
	 var technicalHov = new Image();
	 technicalHov.src = "./buttons/technical_hov.gif";
	 var technicalVis = new Image();
	 technicalVis.src = "./buttons/technical_vis.gif";
	 
	 //vanities
	 var vanitiesDef = new Image();
	 vanitiesDef.src = "./buttons/vanities_def.gif";
	 var vanitiesHov = new Image();
	 vanitiesHov.src = "./buttons/vanities_hov.gif";
	 var vanitiesVis = new Image();
	 vanitiesVis.src = "./buttons/vanities_vis.gif";
	
	
/*Now try to make the changes in a function*/

function buttonOver(linkId)	//mouseover a navigation button
{
	
	var e = document.getElementById(linkId);
	
	switch(linkId)
	{
		case "hom": e.src = homeHov.src;
		break;
		
		case "fam": e.src = familyHov.src;
		break;
		
		case "mus": e.src = musicHov.src;
		break;

		case "spi": e.src = spiritualityHov.src;
		break;
		
		case "wri": e.src = writingHov.src;
		break;
		
		case "tec": e.src = technicalHov.src;
		break;
		
		case "van": e.src = vanitiesHov.src;
		break;

	}
	
}	//end buttonOver() function


function buttonOut(linkId)	//mouseout a navigation button
{
	var e = document.getElementById(linkId);

	switch(linkId)
	{
		case "hom": e.src = homeDef.src;
		break;

		case "fam": e.src = familyDef.src;
		break;
		
		case "mus": e.src = musicDef.src;
		break;

		case "spi": e.src = spiritualityDef.src;
		break;
		
		case "wri": e.src = writingDef.src;
		break;
		
		case "tec": e.src = technicalDef.src;
		break;
		
		case "van": e.src = vanitiesDef.src;
		break;
	}

}//end buttonOut() function