function menuOn(imgEl)
{
  imgEl.src = imgEl.src.replace(".gif", "_on.gif");
 imgEl.position='relative;';


}

function menuOut(imgEl)
{
imgEl.src = imgEl.src.replace("_on.gif", ".gif");
imgEl.position='static;';
}

// À̹ÌÁö ·Ñ¿À¹ö
function imgRollover(imgBoxID){
	var MenuCounts = document.getElementById(imgBoxID).getElementsByTagName("img");
	for (var i=0;i<MenuCounts.length;i++) {
		var numImg=MenuCounts.item(i);
		var ImgCheck = numImg.src.substring(numImg.src.length-6,numImg.src.length);
		if (ImgCheck!="on.gif") {
				numImg.onmouseover = function () {
					this.src = this.src.replace(".gif", "on.gif");
				};
				numImg.onmouseout = function () {
					this.src = this.src.replace("on.gif", ".gif");
				};
			}
	}
}

//layerpop
function openLayer(eleId){
	var target = document.getElementById(eleId);
	document.getElementById("dimmed").style.display = "block";
	target.style.display = "block";
}

function closeLayer(eleId){
	var target = document.getElementById(eleId);
	document.getElementById("dimmed").style.display = "none";
	target.style.display = "none";
}

function openLayer2(eleId , num){
	var target = document.getElementById(eleId);
	var subTarget = document.getElementById("tab"+num);
	var link = document.getElementById("link"+num);
	document.getElementById("dimmed").style.display = "block";
	target.style.display = "block";
	link.className ="on";
	subTarget.style.display = "block";
	if(num == 1){
		document.getElementById("tab2").style.display = "none";
		document.getElementById("link2").className="";
	}else{
		document.getElementById("tab1").style.display = "none";
		document.getElementById("link1").className="";
	}
}

function closeLayer2(eleId){
	var target = document.getElementById(eleId);
	document.getElementById("dimmed").style.display = "none";
	document.getElementById("link1").className="";
	document.getElementById("link2").className="";
	target.style.display = "none";
}

function openLayer3(eleId , num){
	var target = document.getElementById(eleId);
	var subTarget = document.getElementById("tab"+num);
	var link = document.getElementById("link"+num);
	document.getElementById("dimmed").style.display = "block";
	target.style.display = "block";
	link.className ="on";
	subTarget.style.display = "block";
	if(num == 1){
		document.getElementById("tab2").style.display = "none";
		document.getElementById("link2").className="";
		document.getElementById("tab3").style.display = "none";
		document.getElementById("link3").className="";

	}else if(num == 2){
		document.getElementById("tab1").style.display = "none";
		document.getElementById("link1").className="";
		document.getElementById("tab3").style.display = "none";
		document.getElementById("link3").className="";
	}else{
		document.getElementById("tab1").style.display = "none";
		document.getElementById("link1").className="";
		document.getElementById("tab2").style.display = "none";
		document.getElementById("link2").className="";
	}
}

function closeLayer3(eleId){
	var target = document.getElementById(eleId);
	document.getElementById("dimmed").style.display = "none";
	document.getElementById("link1").className="";
	document.getElementById("link2").className="";
	document.getElementById("link3").className="";
	target.style.display = "none";
}