if (document.images) {

	img1on = new Image();
	img1on.src = "images/topnav/services_on.gif";

	img2on = new Image();
	img2on.src = "images/topnav/products_on.gif";

	img3on = new Image();
	img3on.src = "images/topnav/aboutus_on.gif";

	img4on = new Image();
	img4on.src = "images/topnav/casestudies_on.gif";

	img5on = new Image();
	img5on.src = "images/topnav/clients_on.gif";

	img1off = new Image();
	img1off.src = "images/topnav/services_off.gif";

	img2off = new Image();
	img2off.src = "images/topnav/products_off.gif";

	img3off = new Image();
	img3off.src = "images/topnav/aboutus_off.gif";

	img4off = new Image();
	img4off.src = "images/topnav/casestudies_off.gif";

	img5off = new Image();
	img5off.src = "images/topnav/clients_off.gif";

}



// Function to 'activate' images.
function imgOn(imgName){
	if (document.images){
		document[imgName].src = eval(imgName + "on.src");
	}
}


// Function to 'deactivate' images.
function imgOff(imgName){
	if (document.images){
		document[imgName].src = eval(imgName + "off.src");
	}
}


/////////////////////////////////////
//// Some objects are windowed and therefore don't obey the zIndex in IE (at least at the time of this writing)
//// Therefore, they need to be hidden if they are in the way of an object.
/////////////////////////////////////
var _setSelectVisibilityWindowedElements;
function _setSelectVisibility(visibility,obj) {
	// get object position
	if (obj != null) {
		var oTop = _totalOffsetTop(obj);
		var oLeft = _totalOffsetLeft(obj);
		var oBottom = oTop + obj.offsetHeight;
		var oRight = oLeft + obj.offsetWidth;
	}

	if (_setSelectVisibilityWindowedElements == null) {
		// get all windowed objects
		var selectObjs = document.getElementsByTagName("SELECT");
		var specialObjs = document.getElementsByTagName("OBJECT");

		// get array of elements
		_setSelectVisibilityWindowedElements = new Array();
		for (var i = 0; i < selectObjs.length; i ++) _setSelectVisibilityWindowedElements[_setSelectVisibilityWindowedElements.length] = selectObjs[i];
		for (var i = 0; i < specialObjs.length; i ++) _setSelectVisibilityWindowedElements[_setSelectVisibilityWindowedElements.length] = specialObjs[i];
	}

	for (var i = 0; i < _setSelectVisibilityWindowedElements.length; i ++) {
		element = _setSelectVisibilityWindowedElements[i];
		if (visibility == "hidden") {
			// get select object position
			var sTop = _totalOffsetTop(element);
			var sLeft = _totalOffsetLeft(element);
			var sBottom = sTop + element.offsetHeight;
			var sRight = sLeft + element.offsetWidth;

			// If select object overlaps menu, hide it.
			if (((oTop <= sTop && sTop <= oBottom) || (oTop <= sBottom && sBottom <= oBottom) || (sTop <= oTop && sBottom >= oBottom) || (sTop >= oTop && sBottom <= oBottom))
				&& ((oLeft <= sLeft && sLeft <= oRight) || (oLeft <= sRight && sRight <= oRight) || (sLeft <= oLeft && sRight >= oRight) || (sLeft >= oLeft && sRight <= oRight))) {
				element.style.visibility = "hidden";
			}
		} else {

			// Make sure all select objects are visible again.
			element.style.visibility = "visible";
		}
	}
}
function _totalOffsetLeft(el) {
	// Return the true x coordinate of an element relative to the page.
	return el.offsetLeft + (el.offsetParent ? _totalOffsetLeft(el.offsetParent) : 0);
}

function _totalOffsetTop(el) {
	// Return the true y coordinate of an element relative to the page.
	return el.offsetTop + (el.offsetParent ? _totalOffsetTop(el.offsetParent) : 0);
}
/////////////////////////////////////