// JavaScript Document

function initiateSubNav(){
	var subNavOuterEls = document.getElementsByClassName('navItem');
	
	subNavOuterEls.each(
		function(navOuter){		
			var subNavEls = navOuter.getElementsByTagName('IMG');
			
			$A(subNavEls).each(
				function(navEl){
					currentSrc = navEl.src.split('_');
					if(currentSrc[currentSrc.length -1] == 'off.gif'){
						navEl.onmouseover = toggleSubNav;
						navEl.onmouseout = toggleSubNav;
					}
				}
			);	
		}
	);
}

function toggleSubNav(){
	var srcAry = this.src.split('/');
	var imgNameAry = srcAry[srcAry.length -1].split('_');
	var imgState = imgNameAry[imgNameAry.length -1];
	
	if(imgState == 'over.gif'){
		imgState = 'off.gif';
	}else{
		imgState = 'over.gif';
	}
	
	imgNameAry[imgNameAry.length -1] = imgState;
	srcAry[srcAry.length -1] = imgNameAry.join('_');
	this.src = srcAry.join('/');
}

window.onload = initiateSubNav;

function swapImgOn(newImage, imgId){
		document.getElementById(imgId).src = newImage;
		//alert(newImage);
}

function swapImgOff(newImage, imgId){
		document.getElementById(imgId).src = newImage;
		//alert(newImage);
}