var mode = Array("tabon", "taboff", "taboff", "taboff", "taboff", "taboff", "taboff", "taboff");
var	arrTab = Array("pan_rice", "curry", "dessert", "soup", "switch", "meat", "fish", "vegetable");

function change_tab(num) {
	if (!num) { num = 0; }

	for(i = 0; i < arrTab.length; i++) {

		if (i == num) {
			document.getElementById("goods_navi" + i).src = "../images/bt_tab0" + (i + 1) + "_tabon.jpg";
			if (document.getElementById(arrTab[i])) {
				document.getElementById(arrTab[i]).style.visibility = "visible";
				document.getElementById(arrTab[i]).style.display = "block";
				document.getElementById(arrTab[i]).style.position = "";
			}
			document.getElementById("goods_navil" + i).style.zIndex = 200;
			mode[i] = "tabon";
		} else {
			document.getElementById("goods_navi" + i).src = "../images/bt_tab0" + (i + 1) + "_taboff.jpg";
			if (document.getElementById(arrTab[i])) {
				document.getElementById(arrTab[i]).style.visibility = "hidden";
				document.getElementById(arrTab[i]).style.display = "none";
				document.getElementById(arrTab[i]).style.position = "absolute";
			}
			document.getElementById("goods_navil" + i).style.zIndex = i;
			mode[i] = "taboff";
		}
	}
}


function OnMouseOverTab(num) {
		if (!num) { num = 0; }

	if (document.getElementById("goods_navi" + num).src.match("_taboff.")) {
		beforemode = "off";
	} else {
		beforemode = "on";
	}
	
	
	document.getElementById("goods_navi" + num).src = "../images/bt_tab0" + (num + 1) + "_tabon.jpg";
	document.getElementById("goods_navil" + num).style.zIndex = 200;
	for(i = 0; i < arrTab.length; i++) {
		
		if (i == num) {
			document.getElementById("goods_navil" + i).style.zIndex = 199;
		} else {
			if (mode[i] == "tabon") {
				document.getElementById("goods_navil" + i).style.zIndex = 200;
			} else {
				document.getElementById("goods_navil" + i).style.zIndex = i;
			}
		}
	}
}

function OnMouseOutTab(num) {

	
	document.getElementById("goods_navi" + num).src = "../images/bt_tab0" + (num + 1) + "_" + mode[num] + ".jpg";

	for(i = 0; i < arrTab.length; i++) {
		if (mode[i] == "taboff") {
			document.getElementById("goods_navil" + i).style.zIndex = 0;
		} else {
			document.getElementById("goods_navil" + i).style.zIndex = 200;
		}
	}
}