var menuJson = "";
        
        //
        $(document).ready(function() {
        loadData();
        });

        var loadData = function() {
            $.ajax({
                type: "POST",
                url: "GetMenuData.aspx",
                data: "",
                beforeSend: function() { },
                error: function() { },
                success: function(data) {
                    menuJson = eval(data);
                    var b = bindBigClass();
                    if (b) {
                        bindSmallClass();
                    }
                }
            });
        };

        var bindBigClass = function() {
            var bcHash = new Hash();
            $.each(menuJson, function(i, n) {
                bcHash.add(n.bigid, n.bigname);
            });
            bcID = bcHash.getKeys();
            calcHeight(bcID.length);
            for (var i = 0; i < bcHash.getCount(); i++) {
                $("#bigClassMenu ul #bigTemplet").clone().attr("id", "bc" + bcID[i]).appendTo($("#bigClassMenu ul"));
                $("#bc" + bcID[i]).html(bcHash.getItem(bcID[i]).value);
            }

            $("#bigClassMenu ul li").mouseover(function() { mouseOnBigClass(this); }).mouseout(function() { mouseOutBigClass() });
            return true;
        };

        var bindSmallClass = function() {
            $("#smallClassMenu").css({ "height": $("#bigClassMenu").height() });
            $.each($("#bigClassMenu ul li"), function(i, n) {
                var bcID = getID($(n).attr("id"));
                if (bcID != "") {
                    $("#smallClassMenu #smallTemplet").clone().attr("id", "belong" + bcID).appendTo($("#smallClassMenu"));
                }
            });
            $.each(menuJson, function(i, n) {
                $("#belong" + n.bigid + " ul").append("<li>" + "<a href='ShowGoods.aspx?goodscode=" + n.smallid + "'>" + n.smallname + "</a>" + "</li>");
                calcWidth("belong" + n.bigid);
            });
            $("#smallClassMenu .smallClass").hide();
            $("#smallClassMenu .smallClass:first").next("div").show();
            $("#bigClassMenu ul li:first").next("li").css({ "color": "White" });
            $("#smallClassMenu .smallClass ul li a").mouseover(function() { mouseOnSmallClass(this) }).mouseout(function() { mouseOutSmallClass(this) });
        };

        var mouseOnBigClass = function(obj) {
            $("#bigClassMenu ul li").css({ "color": "#ffe680" });
            $(obj).css({ "color": "White" });
            $("#smallClassMenu .smallClass").hide();
            $("#belong" + getID($(obj).attr("id"))).show();
        };

        var mouseOutBigClass = function() {
            $("#bigClassMenu ul li").css({ "color": "#ffe680" });
            $("#bc" + getID($("#smallClassMenu .smallClass:visible").attr("id"))).css({ "color": "White" });
        };

        var mouseOnSmallClass = function(obj) {
            $(obj).css({ "color": "#ff9900" });
        };

        var mouseOutSmallClass = function(obj) {
            $(obj).css({ "color": "#666666" });
        };

        var calcWidth = function(obj) {
        };
        var calcHeight = function(bcNum) {
            $("#bigClassMenu").css({ "height": bcNum * 30 + "px" });
            $('#MenuDiv').gradient({
                from: 'ffcc00',
                to: 'ff6600',
                direction: 'horizontal'
            });
            if ($.browser.msie) {
                $("#bigClassMenu ul").css({ "margin": "-18px 0 0 0" });
            }
        };

        var getID = function(str) {
            return str.replace(/[a-zA-Z]*/, "");
        };