﻿var oneDepth = "";
var twoDepth = "";
function gnbCtrlFunc(idx, subIdx){
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById("gnb")) return false;

	if(idx != "0") {
		var gnbNavi = document.getElementById("gnb");

		var gnbImg1 = document.getElementById("gnbImage1");
		var gnbImg2 = document.getElementById("gnbImage2");
		var gnbImg3 = document.getElementById("gnbImage3");
		var gnbImg4 = document.getElementById("gnbImage4");
		var gnbImg5 = document.getElementById("gnbImage5");
		var gnbImg6 = document.getElementById("gnbImage6");
		var subMenu = gnbNavi.getElementsByTagName("div")

		for(var i=0; i<subMenu.length; i++){
			subMenu[i].style.display = "none";
		}
		if(idx == "a" || idx == "A") idx = 1;
		else if(idx == "b" || idx == "B") idx = 2;
		else if(idx == "c" || idx == "C") idx = 3;
		else if(idx == "d" || idx == "D") idx = 4;
		else if(idx == "e" || idx == "E") idx = 5;
		else if(idx == "f" || idx == "F") idx = 6;

		subMenu[idx-1].style.display = "block";
		menuMouseOver(idx);
		subMenuMouseOver(idx,subIdx);
		oneDepth = idx;
		twoDepth = subIdx;

		if(idx == 1) $("#gnb ul>li:eq(0)").addClass("firstOn");
		else if(idx == 2) $("#gnb ul>li:eq(0)").addClass("first");
		else if(idx == 3) $("#gnb ul>li:eq(0)").addClass("first");
		else if(idx == 4) $("#gnb ul>li:eq(0)").addClass("first");
		else if(idx == 5) $("#gnb ul>li:eq(0)").addClass("first");
		else if(idx == 6) $("#gnb ul>li:eq(0)").addClass("first");
	}
}
function subMenuMouseOver(idx,subIdx){
	var subMenu = document.getElementById("gnb"+idx+"01");
	if(subIdx != 0) subMenu.getElementsByTagName("ul")[0].getElementsByTagName("li")[subIdx-1].firstChild.className = "on";
}

function menuMouseOver(idx){
	for(i=1; i<7; i++){
		objLi = document.getElementById("gnb"+i);
		objImage = document.getElementById("gnbImage"+i);
		objLayer = document.getElementById("gnb"+i+"01");
		if(i == idx){
			objLi.className = "overLi";
			objImage.src = objImage.src.replace(i+".gif",i+"_on.gif");
			objLayer.style.display = "block"
		} else {
			objLi.className = "";
			objImage.src = objImage.src.replace(i+"_on.gif", i+".gif");
			objLayer.style.display = "none";
		}
	}
	if(idx == 1) $("#gnb ul>li:eq(0)").addClass("firstOn");
	else if(idx == 2) $("#gnb ul>li:eq(0)").addClass("first");
	else if(idx == 3) $("#gnb ul>li:eq(0)").addClass("first");
	else if(idx == 4) $("#gnb ul>li:eq(0)").addClass("first");
	else if(idx == 5) $("#gnb ul>li:eq(0)").addClass("first");
	else if(idx == 6) $("#gnb ul>li:eq(0)").addClass("first");
}
function menuMouseOut(){
	menuMouseOutShow();
}
function menuMouseOutShow(){
	var gnbNavi = document.getElementById("gnb");
	var subMenu = gnbNavi.getElementsByTagName("div")

	for(var i=0; i<subMenu.length; i++){
		objLi = document.getElementById("gnb"+(i+1));
		objImage = document.getElementById("gnbImage"+(i+1));
		objLayer = document.getElementById("gnb"+(i+1)+"01");

		objLi.className = "";
		objImage.src = objImage.src.replace((i+1)+"_on.gif", (i+1)+".gif");
		objLayer.style.display = "none";
	}

	if(oneDepth != ""){
		objLi = document.getElementById("gnb"+oneDepth);
		objImage = document.getElementById("gnbImage"+oneDepth);
		objLayer = document.getElementById("gnb"+oneDepth+"01");
		objLi.className = "overLi";
		objImage.src = objImage.src.replace(oneDepth+".gif",oneDepth+"_on.gif");
		objLayer.style.display = "block"
	}

	if(oneDepth == 1) $("#gnb ul>li:eq(0)").addClass("firstOn");
	else if(oneDepth == 2) $("#gnb ul>li:eq(0)").addClass("first");
	else if(oneDepth == 3) $("#gnb ul>li:eq(0)").addClass("first");
	else if(oneDepth == 4) $("#gnb ul>li:eq(0)").addClass("first");
	else if(oneDepth == 5) $("#gnb ul>li:eq(0)").addClass("first");
	else if(oneDepth == 6) $("#gnb ul>li:eq(0)").addClass("first");
}

//디자인상 gnb 처음,마지막 li 스타일먹이기
$(document).ready(function() {
	$("#gnb ul>li:eq(0)").css("padding-left","40px");
	$("#gnb ul>li:eq(5)").css("padding-right","33px").css("background-image","none");
});