﻿/// <reference path="jquery/jquery-1.2.6-vsdoc.js" />
/// <reference path="jquery/jquery-1.2.6.pack.js" />
/// <reference path="jquery.pngfix.js" />

$(document).ready(function() {
    setTopMenu();
    $(".subMenu>ul>li").pngfix();
    $(".topUl>li").pngfix({ sizingMethod: "scale" });
    //$(".navli>a>input").pngfix();
    $(".lifastaccess>a>img").pngfix();
    //$(".navli>a>img").pngfix();

    //$(".div_title_btn>a>img").pngfix();
    //    $(".navli>a>input").each(function() {
    //        //alert($(this).attr("id"));
    //        $(this).pngfix();
    //    });
});
//设定顶部菜单
function setTopMenu() {
    var offset = $("#topUlDiv").offset().left;
    var width = $("#topUlDiv").width();
    $(".topUl>li").each(function() {
        var selectId = "";
        var menuTopLi = $(this);
        menuTopLi.css("width", 800 / $(".topUl>li").length);
        menuTopLi.css("backgroundRepeat", "repeat-x");
        var subDiv = $("#" + menuTopLi.attr('id') + "Sub");
        if ($.browser.msie || ($.browser.msie && $.browser.version >= 7)) {
            subDiv.css("width", subDiv.width() + 10);
        }
        var subDivOffset = subDiv.width() / 2;
        var menuTopLiOffset = menuTopLi.width() / 2;
        menuTopLi.find("a").each(function() {
            var menuTopLiA = $(this);
            menuTopLiA.bind("mouseover", function() {
                $(".subMenu").each(function() {
                    $(this).css("left", menuTopLi.offset().left + 100);
                    $(this).hide();
                    ///
                });
                var subDivOffsetF;
                if (menuTopLi.offset().left - subDivOffset + menuTopLiOffset < offset) {
                    subDivOffsetF = offset;
                } else {
                    subDivOffsetF = menuTopLi.offset().left - subDivOffset + menuTopLiOffset;
                }
                subDiv.animate({ left: subDivOffsetF, opacity: 'show' }, 500, function() {
                    //                    if (selectId != subDiv.attr("id")) {
                    //                        subDiv.hide();
                    //                    }
                });
            });
        });
    });
    //    $(".subMenu").each(function() {
    //        var width;
    //        $(this).find("ul>li").each(function() { width += $(this).width(); });
    //        $(this).css("width", width);
    //    });
};
function clearSubDiv() {
    $(".subMenu").each(function() {
        $(this).css("left", $("#subDiv").offset().left);
        $(this).css("display", "none");
        $(".topUl>li").find("a").each(function() {
            $(this).unbind("mouseover");
        });
    });
}
$(window).resize(function() {
    clearSubDiv();
    setTopMenu();
});
