// set up browser-dependent variables
// dom is netscape 6 (and all dom-compatible)

if (document.all) {nn=0;ie=1;dom=0;}
else if (document.layers) {nn=1;ie=0;dom=0;}
else if (document.getElementById) {nn=0;ie=0;dom=1;}

//preload highlighted

introHi = new Image(74, 31);
introHi.src = "images/nav/intro_1.gif";
servicesHi = new Image(74, 31);
servicesHi.src = "images/nav/services_1.gif";
portfolioHi = new Image(74, 31);
portfolioHi.src = "images/nav/portfolio_1.gif";
contactHi = new Image(74, 31);
contactHi.src = "images/nav/contact_1.gif";

//lowlighted icon substitutions

introLo = new Image(74, 31);
introLo.src = "images/nav/intro_0.gif";
servicesLo = new Image(74, 31);
servicesLo.src = "images/nav/services_0.gif";
portfolioLo = new Image(74, 31);
portfolioLo.src = "images/nav/portfolio_0.gif";
contactLo = new Image(74, 31);
contactLo.src = "images/nav/contact_0.gif";

function hiLite(icon) {
	turnedOn = eval(icon + "Hi");
	if (ie || dom) {
		document.images[icon].src = turnedOn.src;
	}
	if (nn) {
		document.background.document.images[icon].src = turnedOn.src;
	}
}

function loLite(icon) {
	turnedOff = eval(icon + "Lo");
	if (ie || dom) {
		document.images[icon].src = turnedOff.src;
	}
	if (nn) {
		document.background.document.images[icon].src = turnedOff.src;
	}
}