$(document).ready(function() {
    //jQuery(".layout_content .layout_brand-content .item").each();

    $(".Page_BrandTab .item").mouseover(function() {

        if ($(this).children(".panel").css("display") == "none") {
            $(this).children(".panel").css("display", "block");

            //距离浏览器左边的宽度
            var distanceWidth = $(this).children(".panel").offset().left - $(document).scrollLeft();
            //左边被遮住
            if (distanceWidth < 0) {
                $(this).children(".panel").css("margin-left", -40 - (distanceWidth) + "px");
                $(this).children(".panel").children(".panel-title").css("margin-left", 40 + (distanceWidth) + "px");
            } else {
                var subDistanceWidth = distanceWidth + 490 - pageWidth();
                if (subDistanceWidth > 0) {
                    $(this).children(".panel").css("margin-left", -60 - (subDistanceWidth) + "px");
                    $(this).children(".panel").children(".panel-title").css("margin-left", 60 + (subDistanceWidth) + "px");
                }
            }
        };
    }).mouseout(function() {
        $(this).children(".panel").css("display", "none");
    });

});

//返回当前页面宽度 
function pageWidth() {
    if ($.browser.msie) {
        return document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth : document.body.clientWidth;
    } else {
        return self.innerWidth;
    }
};