var root;
var gnavi = [4, 2, 2, 3];
var snavi = [5, 2, 3, 0, 0];


//　ナビゲーション初期化
function setNaviEvent() {
	var imageSrc = document.getElementById("headerImg").getAttribute("src");
	root = imageSrc.slice(0, imageSrc.indexOf("common"));
	for (var i = 0; i < gnavi.length; i++ ) {
		var navi = document.getElementById("gnavi" + i);
		if ( i == naviId ) {
			changeImg(navi, "gnavi_" + i);
			for ( var j = 0; j < gnavi[i]; j++ ) {
				var navi2 = document.getElementById("gnavi" + i + j);
				if ( j == naviSubId ) {
					changeImg(navi2, "gnavi_" + i + j);
				} else {
					setMouseEvent(navi2, "gnavi_" + i + j);
				}
			}
		} else {
			setMouseEvent(navi, "gnavi_" + i);	
			for ( var j = 0; j < gnavi[i]; j++ ) {
				var navi2 = document.getElementById("gnavi" + i + j);
				setMouseEvent(navi2, "gnavi_" + i + j);
			}
		}
	}	
	for (var i = 0; i < snavi.length; i++ ) {
		var navi = document.getElementById("snavi" + i);
		if ( i == naviId - gnavi.length ) {
			changeImg(navi, "snavi_" + i);
			for ( var j = 0; j < snavi[i]; j++ ) {
				var navi2 = document.getElementById("snavi" + i + j);
				if ( j == naviSubId ){
					changeImg(navi2, "snavi_" + i + j);
				} else {
					setMouseEvent(navi2, "snavi_" + i + j);
				}
			}
		} else {
			setMouseEvent(navi, "snavi_" + i);
			for ( var j = 0; j < snavi[i]; j++ ) {
				var navi2 = document.getElementById("snavi" + i + j);
				setMouseEvent(navi2, "snavi_" + i + j);
			}
		}
	}	
	var navi = document.getElementById("gnaviHome");
	setMouseEvent(navi, "gnavi_home");
}


// マウスイベントのセット
function setMouseEvent(elm, str) {
	elm.onmouseover = function() {
		this.setAttribute("src", root + "common/images/" + str + "_on.gif");
	};
	
	elm.onmouseout = function() {
		this.setAttribute("src", root + "common/images/" + str + ".gif");
	};
}

// ボタンの反転
function changeImg(elm, str) {
	elm.setAttribute("src", root + "common/images/" + str + "_on.gif");
}