// JavaScript Document

//declare variables
var timerID, navChoice
if(document.images){

	//preload images
	//create normal and over state for each
	var navAbout = new Image(90,25);
	navAbout.src ="images/splashpage_nav/about_off.gif";
	var navAboutOver = new Image(90,25);
	navAboutOver.src ="images/splashpage_nav/about_on.gif";
	var navGrooming = new Image(136,25);
	navGrooming.src ="images/splashpage_nav/grooming_off.gif";
	var navGroomingOver = new Image(136,25);
	navGroomingOver.src ="images/splashpage_nav/grooming_on.gif";
	var navRetail = new Image(84,25);
	navRetail.src ="images/splashpage_nav/retail_off.gif";
	var navRetailOver = new Image(84,25);
	navRetailOver.src ="images/splashpage_nav/retail_on.gif";
	var navDirections = new Image(142,25);
	navDirections.src ="images/splashpage_nav/directions_off.gif";
	var navDirectionsOver = new Image(142,25);
	navDirectionsOver.src ="images/splashpage_nav/directions_on.gif";
	var navContact = new Image(112,25);
	navContact.src ="images/splashpage_nav/contact_off.gif";
	var navContactOver = new Image(112,25);
	navContactOver.src ="images/splashpage_nav/contact_on.gif";
	


	}

//function to swap images
//pass parameter of which navchoice was made
//page will have a  navstate of selected section
function swapNavImage(navChoice){
	clearTimeout(timerID);
	//set normal state of all images
	document.imgAbout.src=navAbout.src;
	document.imgGrooming.src=navGrooming.src;
	document.imgRetail.src=navRetail.src;
	document.imgDirections.src=navDirections.src;
	document.imgContact.src=navContact.src;


	

	
	//check for navstate
	//condition to change normal state source for image with selected navstate
	//and to set the display style of the associated submenu 
	if(navChoice =='about')	{
		document.imgAbout.src=navAboutOver.src;

		}
	if(navChoice =='grooming')	{
		document.imgGrooming.src=navGroomingOver.src;
		}
	if(navChoice =='retail')	{
		document.imgRetail.src=navRetailOver.src;
		}
	if(navChoice =='directions')	{
		document.imgDirections.src=navDirectionsOver.src;
		}
	if(navChoice =='contact')	{
		document.imgContact.src=navContactOver.src;
		
}


}