// |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
// 
// Coded by Travis Beckham
// http://www.squidfingers.com | http://www.podlob.com
//
// |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

var webSiteWidth = 778;
var curNav = null;
var delay = 250;
var timer = 0;

// |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
// Navigation Functions

function showSub( subName, xOffset ){
	var e, windowWidth, webSiteLeft;
	cancelHide();
	hideSubNavigation();
	e = document.getElementById(subName);
	windowWidth = document.all ? document.body.clientWidth : window.innerWidth;
	webSiteLeft = (windowWidth - webSiteWidth)/2;
	if( webSiteLeft < 0 ) webSiteLeft = 0;
	e.style.left = webSiteLeft + xOffset;

	e.style.visibility = 'visible';
	curNav = subName;
}
function hideSubNavigation(){
	if( curNav != null ){
		e = document.getElementById(curNav);
		e.style.visibility = 'hidden';
		curNav = null;
	}
}
function hideSub(){
	timer = setTimeout('hideSubNavigation()', delay);
}
function cancelHide(){
	clearTimeout(timer);
	timer = 0;
}
function navOver(e){
	e.style.backgroundColor = '#FF9900';
	e.style.color = '#222222';
}
function navOut(e){
	e.style.backgroundColor = '#6F9C12';
	e.style.color = '#ffffff';
}

// |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

if (document.images) {
	image0on = new Image();
	image0on.src ="images/energy_ov.jpg";
	image1on = new Image();
	image1on.src = "images/environment_ov.jpg";	
	image2on = new Image();
	image2on.src = "images/it_ov.jpg";
	image3on = new Image();
	image3on.src = "images/quality_ov.jpg";	
	image4on = new Image();
	image4on.src = "images/safety_ov.jpg";
	image5on = new Image();
	image5on.src = "images/survey_ov.jpg";	
	

	image0off = new Image();
	image0off.src ="images/energy.jpg";
	image1off = new Image();
	image1off.src = "images/environment.jpg";	
	image2off = new Image();
	image2off.src = "images/it.jpg";
	image3off = new Image();
	image3off.src = "images/quality.jpg";	
	image4off = new Image();
	image4off.src = "images/safety.jpg";
	image5off = new Image();
	image5off.src = "images/survey.jpg";	
}

function turnOn(imageName) {
	if (document.images) {
		document[imageName].src = eval(imageName + "on.src");
	}
}

function turnOff(imageName) {
	if (document.images) {
		document[imageName].src = eval(imageName + "off.src");
	}
}

// |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||