﻿function $(id) {
    return document.getElementById(id);
}

function showMenu(baseID, divID) {
    baseID = $(baseID);
    divID = $(divID);
    if (showMenu.timer) clearTimeout(showMenu.timer);
    hideCur();
    divID.style.display = 'block';
    showMenu.cur = divID;

    if (!divID.isCreate) {
        divID.isCreate = true;
        //divID.timer = 0;
        divID.onmouseover = function() {
            if (showMenu.timer) clearTimeout(showMenu.timer);
            hideCur();
            divID.style.display = 'block';
        };

        function hide() {
            showMenu.timer = setTimeout(function() { divID.style.display = 'none'; }, 1000);
        }

        divID.onmouseout = hide;
        baseID.onmouseout = hide;
    }
    function hideCur() {
        showMenu.cur && (showMenu.cur.style.display = 'none');
    }
}


function setTab(m, n) {
    var List = $("TabList" + m).getElementsByTagName("li");
    var Sub = $("TabSub" + m).getElementsByTagName("div");
    for (i = 0; i < List.length; i++) {
        if (m == 0) {
            List[i].className = i == n ? "MainBody_Left_TopBg2" : "MainBody_Left_TopBg1";
            Sub[i].style.display = i == n ? "block" : "none";
        }
        else if (m == 1) {
            List[i].className = i == n ? "MainBody_Case_Bg2" : "MainBody_Case_Bg1";
            Sub[i].style.display = i == n ? "block" : "none";
        }
        else if (m == 2) {
        List[i].className = i == n ? "Case_Top_li2" : "Case_Top_li1";
            Sub[i].style.display = i == n ? "block" : "none";
        }
    }
}
