var formerState = 'Off';

function getStyleObject(layername) {
    if(document.getElementById && document.getElementById(layername)) {
	return document.getElementById(layername).style;
    } else if (document.all && document.all(layername)) {
	return document.all(layername).style;
    } else if (document.layers && document.layers[layername]) {
	return document.layers[layername];
    } else {
	return false;
    }
}

function changeObjectVisibility(layername, newVisibility) {
    var styleObject = getStyleObject(layername);
    if(styleObject) {
	styleObject.visibility = newVisibility;
	return true;
    } else {
	return false;
    }
}

function showMenu(layername) {
    hideAllMenus();
    (changeObjectVisibility(layername, 'visible'))
}

function hideAllMenus() {
	changeObjectVisibility('first','hidden');
	changeObjectVisibility('second','hidden');
}

// on section
function sectionOn(layername,imgCode,stat){
	showMenu(layername);
	temp = imgCode + 'On';
	temp2 = imgCode;
	rollover(temp,temp2);
        formerState = stat;
}

// off section
function sectionOff(layername,imgCode){
	hideAllMenus();
	temp = imgCode + formerState;
	temp2 = imgCode;
	rollover(temp,temp2);
}

// enter menu
function enterMenu(layername,imgCode,smCode,smNum){
	showMenu(layername);
	temp = imgCode + 'On';
	temp2 = imgCode;
	temp3 = smCode;
	temp4 = smNum;
	temp5 = 'On';
	temp6 = layername;
	rollover(temp,temp2);
	subRoll(temp3,temp4,temp5,temp6);
}

//exit menu
function exitMenu(layername,imgCode,smCode,smNum){
	hideAllMenus();
	temp = imgCode + formerState;
	temp2 = imgCode;
	temp3 = smCode;
	temp4 = smNum;
	temp5 = 'Off';
	temp6 = layername;
	rollover(temp,temp2);
	subRoll(temp3,temp4,temp5,temp6);
}

// preload nav images
sa1On=new Image();
sa1On.src="../images/sa1_on.gif";
sa1Off=new Image();
sa1Off.src="../images/sa1.gif";
sa1In=new Image();
sa1In.src="../images/sa1_in.gif";

sa2On=new Image();
sa2On.src="../images/sa2_on.gif";
sa2Off=new Image();
sa2Off.src="../images/sa2.gif";
sa2In=new Image();
sa2In.src="../images/sa2_in.gif";

sa3On=new Image();
sa3On.src="../images/sa3_on.gif";
sa3Off=new Image();
sa3Off.src="../images/sa3.gif";
sa3In=new Image();
sa3In.src="../images/sa3_in.gif";

sa4On=new Image();
sa4On.src="../images/sa4_on.gif";
sa4Off=new Image();
sa4Off.src="../images/sa4.gif";
sa4In=new Image();
sa4In.src="../images/sa4_in.gif";

sa5On=new Image();
sa5On.src="../images/sa5_on.gif";
sa5Off=new Image();
sa5Off.src="../images/sa5.gif";
sa5In=new Image();
sa5In.src="../images/sa5_in.gif";

sa6On=new Image();
sa6On.src="../images/sa6_on.gif";
sa6Off=new Image();
sa6Off.src="../images/sa6.gif";
sa6In=new Image();
sa6In.src="../images/sa6_in.gif";

// general rollover function
function rollover( imgSwap,imgName) {
	imgSwap = eval(imgSwap + ".src");
	document [imgName].src = imgSwap;
	}

// preload menu images
var sb1Off = new Image();
	sb1Off.src = "../images/sb1.gif";
var sb1On = new Image();
	sb1On.src = "../images/sb1_on.gif";

var sb2Off = new Image();
	sb2Off.src = "../images/sb2.gif";
var sb2On = new Image();
	sb2On.src = "../images/sb2_on.gif";

var sb3Off = new Image();
	sb3Off.src = "../images/sb3.gif";
var sb3On = new Image();
	sb3On.src = "../images/sb3_on.gif";

var sb4Off = new Image();
	sb4Off.src = "../images/sb4.gif";
var sb4On = new Image();
	sb4On.src = "../images/sb4_on.gif";

var sb5Off = new Image();
	sb5Off.src = "../images/sb5.gif";
var sb5On = new Image();
	sb5On.src = "../images/sb5_on.gif";

var sb6Off = new Image();
	sb6Off.src = "../images/sb6.gif";
var sb6On = new Image();
	sb6On.src = "../images/sb6_on.gif";

var sc1Off = new Image();
	sc1Off.src = "../images/sc1.gif";
var sc1On = new Image();
	sc1On.src = "../images/sc1_on.gif";

var sc2Off = new Image();
	sc2Off.src = "../images/sc2.gif";
var sc2On = new Image();
	sc2On.src = "../images/sc2_on.gif";

function subRoll(sec,num,state,layer)
{
	if (layer=="") eval("document.images['"+ sec + num + "'].src =" + sec + num + state + ".src;");
	else {
		if (document.all) eval("document.images['"+ sec + num + "'].src =" + sec + num + state + ".src;");
		if (document.layers)  eval("document.layers."+layer+".document.images['" + sec + num + "'].src = " + sec + num + state + ".src;");
		if (!document.all && document.getElementById) eval("document.getElementById(" + sec + num + ").src = " + sec + num + state + ".src;");
	}
}