CancerMenu = function (objpanel) {

    this.menuPanel = objpanel;

    this.getCancerMenuList = function (url) {
        $.ajax({
            type: "get"
               , dataType: "xml"
               , url: url
               , success: function (xml) {

                   cancerMenuXmlBinding(xml);

               }
                , error: function () { alert("xml error!!"); }
        });
    }

    //  
    this.cancerMenuXmlBinding = cancerMenuXmlBinding;

    // 
    function cancerMenuXmlBinding(xmlData) {

        // 시작 태그
        var appendHtml = "<ul onmouseout='closeSubMenu();'>";
        var number = 1;

        if ($(xmlData).find("mcategory").length > 0) { // null check

            $(xmlData).find("mcategory").each(function () { // item 수만큼 loop

                // 메인 메뉴 이름을 가지고 옵니다.
                var mainname = $(this).find("mainname").text();
                var mainlink = $(this).find("mainlink").text();

                appendHtml = appendHtml + "<li onmouseover='openSubMenu(this);' >";
                appendHtml = appendHtml + "<a href='" + mainlink + "' class=''><span class='left_menu_m'>" + mainname + "</span></a>";

                // 서브 메뉴가 있는지 확인 합니다.
                if ($(this).find("item").size() > 0) {

                    appendHtml = appendHtml + "<ul class='sub0" + number + " ' name='subMenu_ul' >"

                    // items 가있는 확인후 가지고 오기.
                    $(this).find("item").each(function () {

                        var subname = $(this).find("subname").text();
                        var sublink = $(this).find("sublink").text();

                        appendHtml = appendHtml + "<li>";
                        appendHtml = appendHtml + "<a href='" + sublink + "' class=''><span class='left_menu_s'>" + subname + "</span></a>"
                        appendHtml = appendHtml + "</li>";

                        // 서브에 서브가 존재하는지 확인합니다.
                        if ($(this).find("sitem").size() > 0) {

                            appendHtml = appendHtml + "<ul>";

                            $(this).find("sitem").each(function () {

                                var s_subname = $(this).find("sub_subname").text();
                                var s_sublink = $(this).find("sub_sublink").text();

                                appendHtml = appendHtml + "<li>";
                                appendHtml = appendHtml + "<a href='" + s_sublink + "'><span class='left_menu_ss'> - " + s_subname + "</span></a>";
                                appendHtml = appendHtml + "</li>";
                            });

                            appendHtml = appendHtml + "</ul>";
                        }


                    });

                    appendHtml = appendHtml + "</ul>"

                }

                appendHtml = appendHtml + "</li>";
                number++;

            });
        }

        // 마지막 태그
        appendHtml = appendHtml + "</ul>"

        $(objpanel).append(appendHtml);
    }
}

function openSubMenu(obj) {

    closeSubMenu();

    if ($(obj).find("ul").size() > 0) {
        $(obj).find("ul").each(function () {
            var oldClass = $(this).attr("class");
            var oldClass = $(this).attr("class", oldClass + ' on_2dep');
        });
    }
}

function closeSubMenu() {
    var number = 1;
    $("ul[name='subMenu_ul']").each(function () {
        $(this).attr("class", "sub0" + number);
        number++;
    });
}