// the original image and the rollover images are named as imageName.gif and imageName_hover.gif
// the script exploits this naming convention for rollover effects

// function to show the hover image
function SwapToHoverImage (){
	var strImageName;
	
	strImageName = this.src;	
	if (strImageName != ""){
		strImageName = strImageName.replace(".gif", "_hover.gif");
		this.src = strImageName;	
	}
}

// function to show the normal image
function SwapToOriginalImage (){
	var strImageName;
	
	strImageName = this.src;	
	if (strImageName != ""){
		strImageName = strImageName.replace("_hover.gif", ".gif");
		this.src = strImageName;
	}
}

// function to Load the triggers
function LoadTriggers (){
	objParentElem = document.getElementById("topMenu");
	objElems = objParentElem.getElementsByTagName("a");
	
	for (var i = 0; i < objElems.length; i++){
		objElems[i].getElementsByTagName("img")[0].onmouseover = SwapToHoverImage;
		objElems[i].getElementsByTagName("img")[0].onmouseout = SwapToOriginalImage;
	}
}

window.onload = LoadTriggers;