
//Turns layers on and off in the top navigation.
function showNav(img, state)
{	
	for (i=1;i<7;i++){
		navoff();
		rollover(i, 0);
	}
	if (img != 0){
		if ((img == 2)||(img == 3)||(img == 4)){
			navon(img);
		}
		rollover(img, 1);
	}
}


//Provides the rollover functionality for all images with rollover states.  Images must be included in the appropriate arrays.
function rollover(img, state)
{
	//oImg = eval("document.img" + img);
	//if (state == 1){
		//oImg.src = imgOn[img].src;	
	//}	
	//else if (state == 0){
		//oImg.src = imgOff[img].src;
	//}
}


function navrollover(img, state)
{
    oCell = eval("document.getElementById('" + img + "').style");
    if (state == 1){
            oCell.backgroundColor = "#D8DCF3";
        	oCell.color = "#17283D";
			oCell.cursor = "hand";
	}
	else if (state == 0){
            oCell.backgroundColor = "#FFFFFF";
        	oCell.color = "#223C5B";
	}
}

function prodlist1rollover(img, state)
{
    oCell = eval("document.getElementById('" + img + "').style");
    if (state == 1){
            oCell.backgroundColor = "#D8DCF3";
        	oCell.color = "#17283D";
			oCell.cursor = "hand";
	}
	else if (state == 0){
            oCell.backgroundColor = "#FFFFFF";
        	oCell.color = "#223C5B";
	}
}

function swatchrollover(img, state)
{
    oCell = eval("document.getElementById('" + img + "').style");
    if (state == 1){
            oCell.backgroundColor = "#D8DCF3";
            oCell.border = "3px solid #D8DCF3";
        	//oCell.color = "#17283D";
			oCell.cursor = "hand";
	}
	else if (state == 0){
            oCell.backgroundColor = "#FFFFFF";
            oCell.border = "3px solid #F4F4FF";
        	//oCell.color = "#223C5B";
	}
}

function navon(nav)
{
	document.getElementById('topNav2').style.visibility = "hidden";
	document.getElementById('topNav3').style.visibility = "hidden";
	document.getElementById('topNav4').style.visibility = "hidden";
	//document.getElementById('topNavLayer7').style.visibility = "hidden";
	document.getElementById('topNav' + nav).style.visibility = "visible";
}

function navoff()
{
	document.getElementById('topNav2').style.visibility = "hidden";
	rollover(2, 0);
	document.getElementById('topNav3').style.visibility = "hidden";
	rollover(3, 0);
	document.getElementById('topNav4').style.visibility = "hidden";
	rollover(4, 0);
}


