$(document).ready(function () {
    (new Image()).src = "../images/bg_snav.png";
    (new Image()).src = "../images/navctl_on.gif";
    (new Image()).src = "../images/navctl.gif";
    (new Image()).src = "../images/navcbl.gif";

    var subDropMenu = new Array();
    var subDropBtn = new Array();


    var DropMenu = new Array();
    var DropBtn = new Array();
    var DropLi = new Array();
    var curNav = $("#nav>li.cur");
    $("#nav>li").each(function (i, item) {
        DropMenu[i] = $(item).find(">ul");
        DropBtn[i] = $(item).find(">a");
        DropBtn[i][0].tid = i;
        if ($(item).find(">ul").length > 0) {
            DropMenu[i][0].tid = i;
            DropBtn[i][0].subNav = DropMenu[i][0];
        }




        DropBtn[i][0].onmouseover = function () {
            var id = this.tid;
            curNav.removeClass("cur");
            DropBtn[id].parent().addClass("on");
            if (this.subNav) {
                clearTimeout(DropMenu[id][0].htimeout);
                DropMenu[id].show();
                DropMenu[id].dropShadow();

            }

        }

        DropBtn[i][0].onmouseout = function () {
            var id = this.tid;
            if (this.subNav) {
                clearTimeout(DropMenu[id][0].htimeout)
                DropMenu[id][0].htimeout = setTimeout(function () { hide(id) }, 10);
            } else {
                $(this).parent().removeClass("on");
                curNav.addClass("cur");
            }
        }
        if ($(item).find(">ul").length > 0)
            DropMenu[i][0].onmouseover = function () {
                var id = this.tid;
                clearTimeout(DropMenu[id][0].htimeout)
            }
        if ($(item).find(">ul").length > 0)
            DropMenu[i][0].onmouseout = function () {
                var id = this.tid;
                clearTimeout(DropMenu[id][0].htimeout)
                DropMenu[id][0].htimeout = setTimeout(function () { hide(id) }, 10);
            }


        DropMenu[i].find(">li").each(function (j, subitem) {
            var itemid = 10 * i + j;
            subDropMenu[itemid] = $(subitem).find(">ul");
            subDropBtn[itemid] = $(subitem).find(">a");
            subDropBtn[itemid][0].subtid = itemid;
            if ($(subitem).find(">ul").length > 0) {
                subDropMenu[itemid][0].subtid = itemid;
                subDropBtn[itemid][0].sonNav = subDropMenu[itemid][0];
            }
            subDropBtn[itemid][0].onmouseover = function () {
                var subtid = this.subtid;
                curNav.removeClass("cur");
                subDropBtn[subtid].parent().addClass("on");
                if (this.sonNav) {
                    clearTimeout(subDropMenu[subtid][0].htimeout);
                    subDropMenu[subtid].show();
                    subDropMenu[subtid].dropShadow();
                }
            }

            subDropBtn[itemid][0].onmouseout = function () {
                var subtid = this.subtid;
                if (this.sonNav) {
                    clearTimeout(subDropMenu[subtid][0].htimeout);
                    subDropMenu[subtid][0].htimeout = setTimeout(function () { tohide(subtid) }, 10);
                }
                else {
                    $(this).parent().removeClass("on");
                }
            }


            if ($(subitem).find(">ul").length > 0)
                subDropMenu[itemid][0].onmouseover = function () {
                    var id = this.subtid;
                    clearTimeout(subDropMenu[id][0].htimeout);
                    curNav.removeClass("cur");
                    subDropBtn[id].parent().addClass("on");
                }
            if ($(subitem).find(">ul").length > 0)
                subDropMenu[itemid][0].onmouseout = function () {
                    var subtid = this.subtid;
                    clearTimeout(subDropMenu[itemid][0].htimeout)
                    subDropMenu[itemid][0].htimeout = setTimeout(function () { tohide(subtid) }, 10);
                }

            function tohide(subtid) {
                clearTimeout(subDropMenu[subtid][0].htimeout);
                subDropMenu[subtid].removeShadow();
                subDropMenu[subtid].hide();
                subDropBtn[subtid].parent().removeClass("on");
                //        if ($("#nav li.on").length == 0)
                //            curNav.addClass("cur");
            }
        });
    });
    function hide(id) {
        clearTimeout(DropMenu[id][0].htimeout);
        DropMenu[id].removeShadow();
        DropMenu[id].hide();
        DropBtn[id].parent().removeClass("on");
        if ($("#nav li.on").length == 0)
            curNav.addClass("cur");
    }







});