var imgTag = new Array();
var navImg = new Array();

window.onload = function() {

	var navClassName = ["nav1", "nav2", "nav3", "nav4", "nav5", "nav6", "nav7", "nav8", "nav9", "nav10", "nav11", "nav12", "nav13", "nav14"];
	var navLength = navClassName.length;
	var imgTag = document.getElementsByTagName("img");
	var navNum = 0;

	for (var  i= 0; i < imgTag.length; i++) {
		for (var j = 0; j < navLength; j++) {
			if (imgTag[i].className == navClassName[j]) {
				navImg[navNum++] = imgTag[i];
				imgTag[i].index = i;

				imgTag[i].onmouseover = function() {
					imageOver(imgTag[this.index].className);
				}

				imgTag[i].onmouseout = function() {
					imageOut(imgTag[this.index].className);
				}

				break;

			}
		}
	}
}


function imageOver(navName) {
	for (var i = 0; i < navImg.length; i++){
		if (navImg[i].className == navName) {
			navImg[i].src = navImg[i].src.split(".gif")[0]+"_o.gif";
		} else {
			navImg[i].src = navImg[i].src.split(".gif")[0]+"_a.gif";
		}
	}
}

function imageOut(navName) {
	for (var i = 0; i < navImg.length; i++){
		if (navImg[i].className == navName) {
			navImg[i].src = navImg[i].src.split("_o.gif")[0]+".gif";
		} else {
			navImg[i].src = navImg[i].src.split("_a.gif")[0]+".gif";
		}
	}
}