// Rollover images
var downArrow = new Image();
  downArrow.src="images/arrowD.gif";
var subArrow = new Image();
  subArrow.src="images/arrowRed.gif";
var leftArrow = new Image();
  leftArrow.src="images/arrowL.gif";
var spacer = new Image();
  spacer.src="images/spacer.gif";

// Functions to get the real x and y position of an element on the canvas in IE and NS6
function getRealLeft(el) {
    if (arguments.length==0) el = this;
    xPos = el.offsetLeft;
    tempEl = el.offsetParent;
    while (tempEl != null) {
        xPos += tempEl.offsetLeft;
        tempEl = tempEl.offsetParent;
    }
    return xPos;
}

function getRealTop(el) {
    if (arguments.length==0) el = this;
    yPos = el.offsetTop;
    tempEl = el.offsetParent;
    while (tempEl != null) {
        yPos += tempEl.offsetTop;
        tempEl = tempEl.offsetParent;
    }
    return yPos;
}

// Return layer reference
function refLayer(layerID) {
	if (isIE || isNS6) {
		return document.getElementById(layerID);
	} else if (isNS4) {
		return document.layers[layerID];
	}
}
// Show N' hide layers - swap images aswell!
function showLayer(layerName,imgName,imgSwap) {
	layerRef = refLayer(layerName);
	if (isIE || isNS6) {
		layerRef.style.visibility = "visible";
	} else if (isNS4) {
		layerRef.visibility = "visible";
	}
	if (imgSwap == "downArrow") {
		var imgOrig = "leftArrow";
	} else {
		var imgOrig = "spacer";	
	}
	swapImage(imgName,imgSwap);
	var theCode = "hideLayerDelay('"+layerName+"','"+imgName+"','"+imgOrig+"')";
	setTimeout(theCode,2000);
}
function hideLayerDelay(layerName,imgName,imgSwap) {
	layerRef = refLayer(layerName);
	if(eval("layerState"+layerName.slice(layerName.length-1,layerName.length)) == 0) {
		if (isIE || isNS6) {
			layerRef.style.visibility = "hidden";
		} else if (isNS4) {
			layerRef.visibility = "hidden";
		}
	swapImage(imgName,imgSwap);
	} else {
		var theCode = "hideLayerDelay('"+layerName+"','"+imgName+"','"+imgSwap+"')";
		setTimeout(theCode,2000);
	}
}
function hideLayer(layerName) {
	layerRef = refLayer(layerName);
	if (isIE || isNS6) {
		layerRef.style.visibility = "hidden";
	} else if (isNS4) {
		layerRef.visibility = "hidden";
	}
}
// Dropdown image rollovers - divID is optional
function swapImage(imgName,imgSwap,layerID){
	if (isNS4 && layerID){
		document.layers[layerID].document.images[imgName].src = eval(imgSwap+".src");
	} else {
		document.images[imgName].src = eval(imgSwap+".src");
	}
}