/*
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 // »Ñ¸®¿À±¤Àå
ns_menu111_sub // mms+
*/

function fnCompatibilityMenu() {

    switch(TOPMENU) {
        case "2": 
            TOPMENU = "04"; 
            switch(SUBMENU) {
                case "4":
                    SUBMENU = 3;
                break;
                case "5":
                    SUBMENU = 4;
                break;
                case "6":
                    SUBMENU = 5;
                break;
            }
        break;
        case "3": TOPMENU = "07"; break;
        case "4": TOPMENU = "09"; 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 = "08"; break;
        case "14": TOPMENU = "06"; break;
        case "15": TOPMENU = "011"; break;
        default : TOPMENU = "";
    }
}

if ( dsIsCompatibility ) {
    fnCompatibilityMenu();
} else {
    //only for »Ñ¸®¿À ¸ô
    if(TOPMENU == "09") {
        TOPMENU = "010";
    }
}

$(function() {

    var _topmenu, _submenu, _submenu_img, _left, _width;

    var RollOn_Postfix = "_on";
    var old_top = 'menu_' + TOPMENU;

    // À̹ÌÁö¸Þ´º Á¤±Ô½Ä
    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, RollOn_Postfix + ".$2"));}catch(e){} }

    var $smenu = $("div[class='main_navigator_sub']");

    var clearSubMenu = function() {
        $("img[alt]", $smenu).each(function(){
            fnRollOff($(this).get(0), $(this).attr('src'));
        });
    }

    var showSubMenu = function(top, target) {
            var $top_target = top;
            var $sub_target = target;

           // turn off old sub menu
            $smenu.hide();

            //top ¸Þ´º Àüüũ±â
            var menuframe_width = $("table[class='main_navigator_top']").width(); 

            // top ºÎ¸ðÀ§Ä¡
            var pos = $top_target.offset(); 

            // ÇÏÀ§¸Þ´º À§Ä¡ °è»ê
            $sub_target.show();

            // ÇÏÀ§¸Þ´º Àüüũ±â
            // chrome doesn't calculate width
            var width = $('.adjust', $sub_target).eq(0).width();

            var left = (width > (menuframe_width - pos.left)) ? menuframe_width - width : pos.left;
            $('.adjust', $sub_target).css({left:left});
    }

    // »ó´Ü ¸Þ´º¿¡ Æ÷ÇÔµÈ ¸ðµç À̹ÌÁö ¹Ì¸®·Îµù
    var preload = new Array();
    var count = 0;
    $("[class^='main_navigator'] img[alt]").each(function() {
        var rollImg = this;
        var src = $(this).attr("src");

        $(["", RollOn_Postfix]).each(function(i, val) {
            var img = document.createElement("img");
            $(img).attr("src", src.replace(/\.([^.]*)$/, val+".$1"));

            preload.push(img);
        });
    });

    if (TOPMENU !== '') {
        // top [menu_01]
        var $_init_top = $('#menu_' + TOPMENU).find('img');

        fnRollOn($_init_top, $_init_top.attr('src'));

        // sub [s_menu_01]
        var $_init_sub = $('#s_menu_' + TOPMENU);

        showSubMenu($_init_top, $_init_sub);

        if (SUBMENU != '0') {
            // ÇØ´ç ÇÏÀ§ ¸Þ´º ÇÏÀ̶óÀÌÆ®
            // 0 Àΰæ¿ì´Â »óÀ§¸Þ´º Ŭ¸¯½Ã ¼­ºê¸Þ´º°¡ ¾ø´Â °æ¿ì
            // ex) »Ñ¸®¿À ¸ô
            var $sub_menu = $_init_sub.find('img').eq((SUBMENU - 1));
            fnRollOn($sub_menu.get(0), $sub_menu.attr('src'));
            SUBMENU = "CLEAR";
        }
    }

    $("table[class='main_navigator_top'] img[alt]").mouseover(function() {

        var now_top = $(this).parent();

        if (old_top == $(now_top).attr('id')) {
            return false;
        } else {
            //turn off old one
            old_top_target = $('#' + old_top + ' img');
            fnRollOff(old_top_target, old_top_target.attr("src"));

            //turn on current top image
            fnRollOn(this, $(this).attr('src'));

            //sub_menu
            var $sub_target = $("#s_" + now_top.attr('id')); 

            showSubMenu(now_top, $sub_target);

            //store current top id
            old_top = now_top.attr('id');
        }

    }).mouseout(function() {
        //turn off old sub menu's selected images
        clearSubMenu();
    });


    // ÇÏ´Ü ¸Þ´º 
    $("img[alt]", $smenu).hover(function() {
        if (SUBMENU == "CLEAR") {
            clearSubMenu();
            SUBMENU == "CLEAR_SUCC";
        }
        fnRollOn(this, $(this).attr('src'));
        return false;

    // »óÀ§¸Þ´º mouseout½Ã
    }, function() {
        fnRollOff(this, $(this).attr("src"));
        return false;
    });

});