try { // IE only
	document.execCommand('BackgroundImageCache',false,true);
} catch (e) {}

var is_touch_device = function() {
	try {  
		document.createEvent("TouchEvent");  
		return true;  
	} catch (e) {  
		return false;  
	}  
}
var eMouseOn, eMouseClick;
if(is_touch_device()==true) {
	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
		//if(window.console) console.log("Touch Device - iOS");
		eMouseOn = "click.gnbClick";
		eMouseClick = "click.gnbClick";
	} else {
		//if(window.console) console.log("Touch Device");
		eMouseOn = "click.gnbClick";
		eMouseClick = "click.gnbClick";
	}
} else {
	//if(window.console) console.log("PC WEB");
	eMouseOn = "mouseenter.gnbClick";
	eMouseClick = "click.gnbClick";
}

jQuery.easing.def = "jswing";
var gnbSettings;

var motionTop1depth = function(tar) {
	$(".gnbTop .sselect li a").not($(".gnbTopLine ol li a")).stop().animate({"backgroundPosition" : "0px -22px"},{ queue:false, duration:200 });
	$(".gnbTop .sselect li.sselect" + tar + " a").stop().animate({"backgroundPosition" : "0px 0px"},{ queue:false, duration:200 });
}
var showTop2depth = function(tar, count, is3depthOn) {
	var curMenu = $(".gnbTop .gnbTopLine .tselect" + tar);
	var depth2count = count;
	if(depth2count == curMenu.children("li").size()) {
		$(".gnbTop ol li a").bind(eMouseOn, function() { //2depth
			$(this).parent().parent().children("li").stop().css("opacity","0.5");
			$(this).parent().stop().animate({"opacity" : "1"},{queue:false,duration:150});
		});
		$(".gnbTop ol li a").bind(eMouseClick, function() { //2depth¸µÅ©
			var s = $(this).parent().parent().attr("class").replace(" clfix","").replace("tselect","");
			var t = $(this).parent().attr("class").replace("t","");
			nlink(s,t);
		});
		if(tar == gnbSettings.sselect) {
			if(is3depthOn == "3depthon") {
				$(".gnbTop .gnbTopLine .tselect" + tar + " li.t" + gnbSettings.tselect).animate({"opacity" : "1","margin-top":"0"}, {queue:false,duration:0});
			}
		}
	} else {
		depth2count++;
		$(".gnbTop .gnbTopLine .tselect" + tar + " li:nth-child(" + (depth2count) + ")").stop().animate({"opacity" : "0.5","margin-top":"0"}, {
			queue:false,
			duration:0,
			complete: function() {
				return showTop2depth(tar, depth2count, is3depthOn);
			}
		});
	}
}
var showleft3depth = function(tar) {
	var num = Number($("#lnb div.tc" + tar + " p").size());
	if(num != 0) {
		var h = num*24 + 14;
	} else {
		var h = 0;
	}
	$("#lnb ol div:has(p)").each(function(){
		if($(this).attr("class").replace("tc","") == tar) {
			$(this).stop().animate({"height" : h + "px"},{
				queue:false,
				duration:150
			});
		} else {
			$(this).stop().animate({"height" : "0px"},{
				queue:false,
				duration:150
			});
		}
	});
}
var motionTop2depth = function(tar, is3depthOn) {
	$(".gnbTop .gnbTopLine").empty().html($(".cont_2depth .tselect" + tar).clone(true));
	$(".gnbTop .gnbTopLine .tselect" + tar + " li").css({"opacity":"0","margin-top":"-24px"});
	$(".gnbTop .gnbTopBg").stop().animate({"height" : "24px"},{
		queue:false,
		duration:150,
		complete:function() {
			return showTop2depth(tar, 0, is3depthOn);
		}
	});
}
var hideTop2depth = function(tar) {
	$(".gnbTop .gnbTopLine").empty();
	$(".gnbTop .gnbTopBg").stop().animate({"height" : "0px"},{
		queue:false,
		duration:150
	});
}

var nlink = function() {
	var str = "";
	try {
		for(i=0;i<arguments.length;i++) {
			if(arguments[i] > 9) {
				str += arguments[i];
			} else {
				str += "0";
				str += arguments[i];
			}
		}
		gotoPage("page" + str);

	}catch(e) { alert("¼­ºñ½º Á¡°ËÁßÀÔ´Ï´Ù.");}
}

var loadnavi = function(arg) {
	gnbSettings = jQuery.extend({
		sselect : "",
		tselect : "",
		fselect : "",
		viewS : "",
		viewT : "",
		viewLT : "",
		viewLF : "",
		login : "0",
		prefix:function(a) {
			return this[a];
		}
	}, arg ||{});
	var gnbTopStr = "";
		gnbTopStr +="	<div class=\"gnbTop\">";
		gnbTopStr +="		<div class=\"gnbTopBg\"></div>";
		gnbTopStr +="		<div class=\"gnbTopWrap\">";
		gnbTopStr +="			<img src=\"/images/gnb/logo.gif\" alt=\"\" class=\"gnblogo\">";
		gnbTopStr +="			<ul class=\"util clfix\">";
		if(gnbSettings.login !="1") {
			gnbTopStr +="				<li class=\"util1\"><a mtit=\"·Î±×ÀÎ\"><img src=\"/images/gnb/gnb_u1.gif\" /></a></li>";
			gnbTopStr +="				<li class=\"util4\"><a mtit=\"ȸ¿ø°¡ÀÔ\"><img src=\"/images/gnb/gnb_u4.gif\" /></a></a></li>";
		} else {
			gnbTopStr +="				<li class=\"util2\"><a mtit=\"·Î±×¾Æ¿ô\"><img src=\"/images/gnb/gnb_u2.gif\" /></a></a></li>";
			gnbTopStr +="				<li class=\"util3\"><a mtit=\"¸¶À̵ð¾ÆÁö¿À\"><img src=\"/images/gnb/gnb_u3.gif\" /></a></a></li>";
		}
		gnbTopStr +="				<li class=\"util5\"><a mtit=\"°í°´¼¾ÅÍ\"><img src=\"/images/gnb/gnb_u5.gif\" /></a></a></li>";
		gnbTopStr +="				<li class=\"util6\"><a mtit=\"»çÀÌÆ®¸Ê\"><img src=\"/images/gnb/gnb_u6.gif\" /></a></a></li>";
		gnbTopStr +="			</ul>";
		gnbTopStr +="			<ul class=\"sselect clfix\">";
		gnbTopStr +="				<li class=\"sselect1\"><a mtit=\"ºê·£µå ¼î·ë\"></a></li>";
		gnbTopStr +="				<li class=\"sselect2\"><a mtit=\"¶ó¿îÁö\"></a></li>";
		gnbTopStr +="				<li class=\"sselect3\"><a mtit=\"ÄÍÆäÀÎ&À̺¥Æ®\"></a></li>";
		gnbTopStr +="				<li class=\"sselect4\"><a mtit=\"ȸ»ç¼Ò°³\"></a></li>";
		gnbTopStr +="				<li class=\"clear\"></li>";
		gnbTopStr +="				<li class=\"gnbTopLine\"></li>";
		gnbTopStr +="			</ul>";
		gnbTopStr +="		</div>";
		gnbTopStr +="	</div>";
		gnbTopStr +="	<div class=\"cont_2depth\">";
		gnbTopStr +="		<ol class=\"tselect1 clfix\">";
		gnbTopStr +="			<li class=\"t1\"><a mtit=\"ºí·»µðµå À§½ºÅ°\"></a></li>";
		gnbTopStr +="			<li class=\"t2\"><a mtit=\"½Ì±Û¸ôÆ® À§½ºÅ°\"></a></li>";
		gnbTopStr +="			<li class=\"t3\"><a mtit=\"¸ÆÁÖ\"></a></li>";
		gnbTopStr +="			<li class=\"t4\"><a mtit=\"¿ÍÀÎ\"></a></li>";
		gnbTopStr +="			<li class=\"t5\"><a mtit=\"º¸µåÄ«\"></a></li>";
		gnbTopStr +="			<li class=\"t6\"><a mtit=\"Áø\"></a></li>";
		gnbTopStr +="			<li class=\"t7\"><a mtit=\"·³\"></a></li>";
		gnbTopStr +="			<li class=\"t8\"><a mtit=\"¸®Å¥¾î\"></a></li>";
		gnbTopStr +="			<li class=\"t9\"><a mtit=\"¼öÁ¤¹æ\"></a></li>";
		gnbTopStr +="		</ol>";
		gnbTopStr +="		<ol class=\"tselect2 clfix\">";
		gnbTopStr +="			<li class=\"t2\"><a mtit=\"Mix JJ Ȩ¸ÞÀ̵å ĬÅ×ÀÏ \"></a></li>";
		gnbTopStr +="			<li class=\"t3\"><a mtit=\"Mater Kevin ÀÇ Áø½Ç°ú °ÅÁþ\"></a></li>";
		gnbTopStr +="			<li class=\"t5\"><a mtit=\"¹Ù & µð¾ÆÁö¿À\"></a></li>";
		//gnbTopStr +="			<li class=\"t6\"><a mtit=\"¿ÀÇ ¶ó¿îÁö\"></a></li>";
		gnbTopStr +="		</ol>";
		gnbTopStr +="		<ol class=\"tselect3 clfix\">";
		gnbTopStr +="			<li class=\"t1\"><a mtit=\"Äð µå¸µÄ¿ Ä·ÆäÀÎ\"></a></li>";
		//gnbTopStr +="			<li class=\"t2\"><a mtit=\"½ºÆù¼­ È°µ¿\"></a></li>";
		gnbTopStr +="			<li class=\"t3\"><a mtit=\"À̺¥Æ®\"></a></li>";
		gnbTopStr +="			<li class=\"t4\"><a mtit=\"µð¾ÆÁ¸\"></a></li>";
		gnbTopStr +="		</ol>";
		gnbTopStr +="		<ol class=\"tselect4 clfix\">";
		gnbTopStr +="			<li class=\"t1\"><a mtit=\"µð¾ÆÁö¿À ¼Ò°³\"></a></li>";
		gnbTopStr +="			<li class=\"t2\"><a mtit=\"µð¾ÆÁö¿À È«º¸°ü\"></a></li>";
		gnbTopStr +="			<li class=\"t3\"><a mtit=\"Àλç°ü¸® Á¤Ã¥\"></a></li>";
		gnbTopStr +="			<li class=\"t4\"><a mtit=\"»çȸ°øÇå\"></a></li>";
		gnbTopStr +="		</ol>";
		gnbTopStr +="		<ol class=\"tselect5 clfix\">";
		gnbTopStr +="			<li class=\"t1\"><a mtit=\"ȸ¿øÁ¤º¸ ¼öÁ¤\"></a></li>";
		gnbTopStr +="			<li class=\"t2\"><a mtit=\"³ªÀÇ µð¾Æ³»¿ª\"></a></li>";
		gnbTopStr +="			<li class=\"t3\"><a mtit=\"Âü¿©ÇÑ À̺¥Æ®\"></a></li>";
		gnbTopStr +="			<li class=\"t4\"><a mtit=\"³»°¡ ÂòÇÑ ¹Ù\"></a></li>";
		gnbTopStr +="		</ol>";
		gnbTopStr +="		<ol class=\"tselect6 clfix\">";
		gnbTopStr +="			<li class=\"t1\"><a mtit=\"FAQ\"></a></li>";
		gnbTopStr +="			<li class=\"t2\"><a mtit=\"°í°´¹®ÀÇ\"></a></li>";
		gnbTopStr +="			<li class=\"t3\"><a mtit=\"Á÷¿µ¸ÅÀå¾È³»\"></a></li>";
		//gnbTopStr +="			<li class=\"t4\"><a mtit=\"µð¾ÆÁö¿ÀSNS\"></a></li>";
		gnbTopStr +="		</ol>";
		gnbTopStr +="	</div>";
		$("#gnb").html(gnbTopStr);
	$.getScript("/js/jquery.navigation.s" + gnbSettings.sselect + ".js", function() {
		$("#lnb").html("<div class=\"ts" + gnbSettings.sselect + " contLNB\"></div>").append(lnbStr);

		var sh = document.documentElement.scrollHeight;
		var ch = document.documentElement.clientHeight;
		var lnbContH = (sh < ch) ? (ch - 108) + "px" : (sh - 108) + "px" ;
		$("#lnb div.contLNB").css("height",lnbContH);
		switch(gnbSettings.sselect) {
			case 1 : 
				if(gnbSettings.tselect == 4) {
					var bgUrl = "/images/lnb/bg_" + gnbSettings.sselect + "_" + gnbSettings.tselect + ".jpg";
				} else {
					var bgUrl = "/images/lnb/bg_" + gnbSettings.sselect + "_" + gnbSettings.tselect + "_" + gnbSettings.fselect + ".jpg";
				}
				break;
			case 2 : 
				var bgUrl = "/images/lnb/bg_" + gnbSettings.sselect + "_" + gnbSettings.tselect + ".jpg";
				break;
			case 3 : 
				var bgUrl = "/images/lnb/bg_" + gnbSettings.sselect + "_" + gnbSettings.tselect + ".jpg";
				break;
			case 8 :
				var bgUrl = "/images/lnb/bg_" + gnbSettings.sselect + "_" + gnbSettings.tselect + ".jpg";
				break;
			default : 
				var bgUrl = "/images/lnb/bg_" + gnbSettings.sselect + ".jpg";
				break;
		}
		if(gnbSettings.sselect != "0") {
			$("#lnb div.contLNB").css("background-image","url(" + bgUrl + ")");
		}

		$("#lnb div.ts" + gnbSettings.sselect).append($(".cont_2depth ol.tselect" +  gnbSettings.sselect).clone());
		$("#lnb ol li").each(function() {
			var tV = $(this).attr("class").replace("t","");
			$(this).after($(".cont_3depth div.tc" + tV).clone());
		});
		$("#lnb li a").css("opacity","0.6");
		$("#lnb div p a").before("<b class=\"bul\"><img src=\"/images/lnb/lnb_bar.gif\" /></b>");
		$(".gnbTop .util li a").css("opacity","0.5");
		/* GNBÀ̺¥Æ® µî·Ï */
		$(".gnblogo").bind(eMouseClick,function() {
			gotoPage("pagehome");
		});
		$(".gnbTop .util li a").bind(eMouseClick, function() { //util¸Þ´º
			var t = $(this).parent().attr("class").replace("util","");
			gotoPage("head"+t);
		});
		$(".gnbTop .util li a").bind(eMouseOn, function() { //util¸Þ´º
			$(this).css("opacity","1");
		});
		$(".gnbTop .util li a").bind("mouseleave", function() { //util¸Þ´º
			$(this).css("opacity","0.5");
		});
		$(".gnbTop .sselect li a").bind(eMouseOn, function(e) { //1depth
			var s = $(this).parent().attr("class").replace("sselect","");
			if(gnbSettings.viewS != s) {
				motionTop1depth(s);
				motionTop2depth(s);
			} else {
				if(is_touch_device()==true) {
					nlink(s);
				}
			}
			gnbSettings.viewS = s;
		});
		if(is_touch_device()==false) {
			$(".gnbTop .sselect").bind("mouseleave", function() { //¸®¼Â
				var s = gnbSettings.sselect;
				if(gnbSettings.viewS != s) {
					if(s == "1" || s == "2" || s == "3" || s == "4") {
						motionTop2depth(s,"3depthon");
					} else {
						hideTop2depth();
					}
					motionTop1depth(s);
				} else {
					var t = gnbSettings.tselect;
					$(".gnbTop .tselect" + s + " li").stop().css("opacity","0.5");
					$(".gnbTop .tselect" + s + " li.t" + t).addClass("on");
					$(".gnbTop .tselect" + s + " li.t" + t).stop().animate({"opacity" : "1"}, {queue:false,duration:150});
				}
				gnbSettings.viewS = s;
			});
			$(".gnbTop .sselect li a").bind(eMouseClick, function() { //1depth¸µÅ©
				var s = $(this).parent().attr("class").replace("sselect","");
				nlink(s);
			});
		}
		/* LNBÀ̺¥Æ® µî·Ï */
		$("#lnb ol div p").bind(eMouseOn, function(e) {//3depth
			gnbSettings.viewLF = $(this).attr("class").replace("s","");
			$("#lnb ol div p span").removeClass("on");
			$("#lnb ol div p div.bg").remove();
			if(jQuery.browser.msie && jQuery.browser.version == "6.0") {
			} else {
				$("#lnb ol div p img").css({rotate:"0deg"});
				$(this).find("img").stop().animate({rotate: "180deg"},{queue:false,duration:300});
			}
			$(this).find("span").addClass("on").after("<div class=\"bg\"><div class=\"bgImg\"></div></div>");
		});
		if(jQuery.browser.msie && jQuery.browser.version == "6.0") {
		} else {
			$("#lnb ol div p").bind("mouseleave", function(e) {
				$(this).find("img").stop().animate({rotate: "0deg"},{queue:false,duration:300});
			});
		}
		$("#lnb ol li").bind(eMouseOn, function() { //2depth
			var t = $(this).attr("class").replace("t","");
			if(gnbSettings.viewLT != t) {
				$(this).parent().find("li>a").stop().css("opacity","0.6");
				$(this).children("a").stop().animate({"opacity" : "1"},{queue:false,duration:250});
				showleft3depth($(this).attr("class").replace("t",""));
			} else {
				if(is_touch_device()==true) {
					nlink(gnbSettings.sselect,t);
				}
			}
			gnbSettings.viewLT = t;
		});
		if(is_touch_device()==false) {
			$("#lnb ol li").bind(eMouseClick, function() { //2depth¸µÅ©
				var s = gnbSettings.sselect;
				var t = $(this).attr("class").replace("t","");
				nlink(s,t);
			});
			$("#lnb").bind("mouseleave", function() { //¸®¼Â
				var t = gnbSettings.tselect;
				var f = gnbSettings.fselect;
				if(gnbSettings.viewLT != t) {
					$("#lnb ol li a").css("opacity","0.6");
					$("#lnb ol li.t" + gnbSettings.tselect + " a").css("opacity","1");
					showleft3depth(gnbSettings.tselect);
				}
				if((gnbSettings.viewLT != t)||(gnbSettings.viewLF != f)) {
					$("#lnb ol div p span").removeClass("on");
					$("#lnb ol div p div.bg").remove();
					$("#lnb ol div.tc" + t + " p.s" + f + " span").addClass("on").after("<div class=\"bg\"><div class=\"bgImg\"></div></div>");
				}
				gnbSettings.viewLT = t;
				gnbSettings.viewLF = f;
			});
		}

		$("#lnb ol div p").bind(eMouseClick, function() {//3depth¸µÅ©
			var s = gnbSettings.sselect;
			var t = $(this).parent().attr("class").replace("tc","");
			var f = $(this).attr("class").replace("s","");
			nlink(s,t,f);
		});
		/* init_GNB */
		motionTop1depth(gnbSettings.sselect);
		if(gnbSettings.sselect == "1" || gnbSettings.sselect == "2" || gnbSettings.sselect == "3" || gnbSettings.sselect == "4") {
			motionTop2depth(gnbSettings.sselect,"3depthon");
		}
		/* init_LNB	 */
		$(".cont_3depth").remove();
		$("#lnb ol li.t" + gnbSettings.tselect + " a").css("opacity","1");
		showleft3depth(gnbSettings.tselect);
		$("#lnb ol div.tc" + gnbSettings.tselect + " p.s" + gnbSettings.fselect + " span").addClass("on").after("<div class=\"bg\"><div class=\"bgImg\"></div></div>");
		gnbSettings.viewLF = gnbSettings.fselect;


	});
}