// Global Image Preloads
loadImg('homeTab','../images/homeTab.gif');
loadImg('homeTabOn','../images/homeTabOn.gif');
loadImg('newCarsTab','../images/newCarsTab.gif');
loadImg('newCarsTabOn','../images/newCarsTabOn.gif');
loadImg('usedCarsTab','../images/usedCarsTab.gif');
loadImg('usedCarsTabOn','../images/usedCarsTabOn.gif');
loadImg('reviewsTab','../images/reviewsTab.gif');
loadImg('reviewsTabOn','../images/reviewsTabOn.gif');
loadImg('adviceTab','../images/adviceTab.gif');
loadImg('adviceTabOn','../images/adviceTabOn.gif');

loadImg('contacTab','../images/contacTab.gif');
loadImg('contacTabOn','../images/contacTabOn.gif');

loadImg('financeTab','../images/financeTab.gif');
loadImg('financeTabOn','../images/financeTabOn.gif');

// Basic Image Preload Function
function loadImg(imgObj,imgSrc) {
	if(document.images) {
		eval(imgObj+' = new Image()');
		eval(imgObj+'.src = "'+imgSrc+'"');
	}
}


// This is the code to handle the Navigation Tabs
// It's basic hide/show Layer functions, but as a failsafe, we always set the new visibleLayer
// in the showLayer function, and hide the old.  We also clear the visibleLayer value in the hideLayer
// function to prevent stickiness.

var visibleLayer = "";

function showLayer(layerId) {
	document.getElementById(layerId).style.visibility = 'visible';
	if(visibleLayer != "") {
		document.getElementById(visibleLayer).style.visibility = 'hidden';
	}
	visibleLayer = layerId;
}

function hideLayer(layerId) {
	document.getElementById(layerId).style.visibility = 'hidden';
	visibleLayer = "";
}


// Basic Image Rollover code.  Short and sweet.

function rollImage(srcObject, state) {
	//alert(document.getElementById(srcObject));
	eval('document.getElementById(srcObject).src = ' + state + '.src');
}

function showAlert( msg ) {
	document.getElementById('alertimg').innerHTML = "<img src='../images/alert.gif'>";
	document.getElementById('alertspacer').innerHTML = "<img src='/images/wsr/spacer.gif' width='1' height='10'>";
	document.getElementById('alertmsg').innerHTML = msg;
}

function initRollovers() {
	if (!document.getElementById) return

	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {
		if (aImages[i].className == 'imgOver') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, 'On'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);

			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;

			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}

			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('On'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}

window.onload = initRollovers;