/*
ns_menu101_sub // »Ñ¸°°á°ú
ns_menu102_sub // ÁÖ¼Ò·Ï°ü¸®
ns_menu103_sub // °áÁ¦°ü¸®
ns_menu104_sub // ¹®ÀÚ
ns_menu105_sub // mms
ns_menu106_sub // Æѽº
ns_menu107_sub // ¸ÞÀÏ
ns_menu108_sub // À½¼º
ns_menu109_sub // »Ñ¸®¿À¸ô
ns_menu110_sub // »Ñ¸®¿À±¤Àå
*/


function fnCompatibilityMenu() {
	switch(TOPMENU) {
		case "2": TOPMENU = "04"; break;
		case "3": TOPMENU = "06"; break;
		case "4": TOPMENU = "08"; break;
		case "5": TOPMENU = "01"; break;
		case "6": TOPMENU = "02"; break;
		case "7": TOPMENU = "03"; break;
		case "8": TOPMENU = "10"; break;
		case "9": TOPMENU = "05"; break;
		case "11": TOPMENU = "07"; break;
		default : TOPMENU = "";
	}
}

if ( dsIsCompatibility ) fnCompatibilityMenu();


$(function() {

	var _topmenu, _submenu, _submenu_img, _left, _width;

	// À̹ÌÁö¸Þ´º Á¤±Ô½Ä
	var rollImgPattern = /(on)?\.([^.]*)$/

	var fnRollOff = function(obj, src) { try{$(obj).attr("src", src.replace(rollImgPattern, ".$2"));}catch(e){} }
	var fnRollOn = function(obj, src) { try{$(obj).attr("src", src.replace(rollImgPattern, "on.$2"));}catch(e){} }
	var fnShowMenu = function(obj, left, width) {$(obj).css({left:left, width:width, visibility:"visible"});}
	var fnHideMenu = function(obj) {$(obj).css({visibility:"hidden"});}



	// »ó´Ü ¸Þ´º¿¡ Æ÷ÇÔµÈ ¸ðµç À̹ÌÁö ¹Ì¸®·Îµù
	var preload = new Array();
	var count = 0;
	$("#topmenu img[alt]").each(function() {
		var rollImg = this;
		var src = $(this).attr("src");
		
		$(["", "on"]).each(function(i, val) {
			
			var img = document.createElement("img");
			$(img).attr("src", src.replace(/\.([^.]*)$/, val+".$1"));
			preload.push(img);
			if ( val == "" ) {
				if ( $(rollImg).attr("class") != "groupmenu") {
					$(rollImg).attr("order",  ++count);
				} else {
					count = 0;
				}
			}
		});

		$(this).mouseover(function() {
			fnRollOn(this, src);

		}).mouseout(function() {
			if ( $(this).attr("class") == "groupmenu") return false;
			fnRollOff(this, src);
		});
	});


	// ÇöÀç ¸Þ´º À§Ä¡
	var fnActiveMenu = function(topmenu, submenu, left, width) {
		fnRollOn(topmenu, $(topmenu).attr("src"));
		fnShowMenu(submenu, left, width);
	}

	var fnDeactiveMenu = function(topmenu, submenu ) {
		fnRollOff(topmenu, $(topmenu).attr("src"));
		fnHideMenu(submenu);
	}

	// »ó´Ü, ÇÏ´Ü ¸Þ´º 
	$("#topmenu > LI").each(function(i) {

		var topmenu = $(".groupmenu", this);
		var submenu = $("UL", this);
		var menubar = $(this).parent();
		var layer_width = $(menubar).width();
		
		// ÇÏÀ§ ¸Þ´º ±¸ºÐÀÚ
		$("LI", submenu).each(function(i) {
			if ( i != 0 ) $(this).before('<li><img src="/images/ppurio30/s_menu_line.gif" width=7 height=27></li>');
		});

		// ÇÏÀ§¸Þ´º À§Ä¡ °è»ê
		var pos = $(topmenu).offset();
		var width = 0;
		$("IMG", submenu).each(function() {width += $(this).width();});
		var left = (width > (layer_width - pos.left) ) ? layer_width - width : pos.left;
            //Àüü¸Þ´º ¹öÆ° ¼û±â±â
            if( $(topmenu).attr("id")  == "ns_menu102") {
			    left = left-40;
            }
		// ÇöÀç ÆäÀÌÁö ¸Þ´º À§Ä¡ ÀúÀå
		if ( $(topmenu).attr("id") == ( "ns_menu1" + TOPMENU ) ) {
            _topmenu = topmenu; _submenu = submenu; _left = left; _width = width;
			fnActiveMenu(_topmenu, _submenu, left, width);

			// ÇöÀç ÇÏÀ§¸Þ´º À§Ä¡ Ç¥½Ã
			_submenu_img = $("IMG[order='"+SUBMENU+"']", _submenu);
			fnRollOn(_submenu_img, $(_submenu_img).attr("src"));
		}


		// »óÀ§¸Þ´º mouseover½Ã (FF¿¡¼­ Á¦´ë·Î µ¿ÀÛÇÏÁö ¾ÊÀ½)
		$(this).hover(function() {
			if ( _topmenu ) fnDeactiveMenu(_topmenu, _submenu);
			fnActiveMenu(topmenu, submenu, left, width);

		// »óÀ§¸Þ´º mouseout½Ã
		}, function() {
			fnDeactiveMenu(topmenu, submenu);
			if ( _topmenu ) {
				fnActiveMenu(_topmenu, _submenu, _left, _width);
				fnRollOn(_submenu_img, $(_submenu_img).attr("src"));
			}
		});

	});

	// ¿ÞÂÊ ¸Þ´º
	$("#group_leftmenu IMG[alt]").each(function(i) {
		if ( new String(i + 1) == SUBMENU ) {
			fnRollOn(this, $(this).attr("src"));

			if ( LEFTMENU != "" && LEFTMENU != "0" ) {
				$(this).parent().parent().parent().next().next().find("A").each(function(i) {
					
					if ( new String(i + 1) == LEFTMENU ) {
						$(this).removeClass().addClass("left_menu02");
					}
				});
			}
		}
	});
});