﻿// Index Page JavaScript Document

/*活动专区*/
var _activitiesSize = 0;
$(function () {
    if ($("#activitiesColumnContent").html() != null) {
        _activitiesSize = $("#activitiesColumnContent > div").size();
        $("#activitiesColumnContent > div:eq(0)").show();
        $("#activitiesColumnContent > div,#activitiesTitle").css({
            top: $("#activitiesColumnContent").offset().top + "px",
            left: $("#activitiesColumnContent").offset().left + "px"
        });
        $("#activitiesTitlePanel > div").attr("class", "activities_index");
        $.each($("#activitiesTitlePanel > div"), function (j, objItem) {
            if (parseInt($(objItem).html()) == parseInt(_activitiesOneIndex + 1)) {
                $(objItem).addClass("activities_select_index");
            }
        });
        if (_activitiesSize > 1) {
            $("#activitiesColumnPanel").everyTime(6000, showMoveActivitiesPanel);
            $("#activitiesColumnContent,#activitiesTitle,#activitiesTitlePanel").mouseover(function () {
                $("#activitiesColumnPanel").stopTime();
            }).mouseout(function () {
                $("#activitiesColumnPanel").everyTime(6000, showMoveActivitiesPanel);
            });

            $("#activitiesTitlePanel > div").click(function () {
                var _clickObj = $(this);
                $("#activitiesColumnPanel").oneTime(100, function () {
                    if (parseInt($(_clickObj).html()) != parseInt(_activitiesOneIndex + 1)) {
                        _activitiesTowIndex = parseInt($(_clickObj).html() - 1);
                        var _moveWidth = $("#activitiesColumnContent").width();
                        var _objLeft = $("#activitiesColumnContent").offset().left;
                        $.each($("#activitiesColumnContent > div"), function (i, obj) {
                            if ($(obj).index() == _activitiesOneIndex) {
                                $(obj).show().css("zIndex", "10");
                            } else if ($(obj).index() == _activitiesTowIndex) {
                                $(obj).show().css("zIndex", "8");
                            } else {
                                $(obj).hide().css("zIndex", "3");
                            }
                        });
                        $("#activitiesTitlePanel > div").removeClass("activities_select_index");
                        $(_clickObj).addClass("activities_select_index");
                        $("#activitiesColumnContent > div:eq(" + _activitiesOneIndex + ")").animate({ left: parseInt(_objLeft + _moveWidth - 30) + 'px' }, 300, function () {
                            $("#activitiesColumnContent > div:eq(" + _activitiesTowIndex + ")").css("zIndex", "10");
                            $("#activitiesColumnContent > div:eq(" + _activitiesOneIndex + ")").css("zIndex", "8").animate({ left: _objLeft + 'px' }, 250);
                            _activitiesTowIndex++;
                            _activitiesOneIndex = parseInt(_activitiesTowIndex - 1);
                            if (_activitiesTowIndex > parseInt(_activitiesSize - 1) || _activitiesTowIndex < 0) {
                                _activitiesTowIndex = 0;
                            }
                            if (_activitiesOneIndex > parseInt(_activitiesSize - 1) || _activitiesOneIndex < 0) {
                                _activitiesOneIndex = 0;
                            }
                        });
                    }
                });
            });
        }
    }
});

var _activitiesOneIndex = 0;
var _activitiesTowIndex = 1;
function showMoveActivitiesPanel() {
    var _moveWidth = $("#activitiesColumnContent").width();
    var _objLeft = $("#activitiesColumnContent").offset().left;
    $.each($("#activitiesColumnContent > div"), function (i, obj) {
        if ($(obj).index() == _activitiesOneIndex) {
            $(obj).show().css("zIndex", "10");
        } else if ($(obj).index() == _activitiesTowIndex) {
            $(obj).show().css("zIndex", "8");
        } else {
            $(obj).hide().css("zIndex", "3");
        }        
    });
    $("#activitiesColumnContent > div:eq(" + _activitiesOneIndex + ")").animate({ left: parseInt(_objLeft + _moveWidth -30) + 'px' }, 300, function () {
        $("#activitiesColumnContent > div:eq(" + _activitiesTowIndex + ")").css("zIndex", "10");
        $("#activitiesColumnContent > div:eq(" + _activitiesOneIndex + ")").css("zIndex", "8");
        $("#activitiesColumnContent > div:eq(" + _activitiesOneIndex + ")").animate({ left: _objLeft + 'px' }, 300);

        _activitiesTowIndex++;
        _activitiesOneIndex = parseInt(_activitiesTowIndex - 1);
        if (_activitiesTowIndex > parseInt(_activitiesSize - 1) || _activitiesTowIndex < 0) {
            _activitiesTowIndex = 0;
        }      
        if (_activitiesOneIndex > parseInt(_activitiesSize - 1) || _activitiesOneIndex < 0) {
            _activitiesOneIndex = 0;
        }     
        $("#activitiesTitlePanel > div").removeClass("activities_select_index");
        $.each($("#activitiesTitlePanel > div"), function (j, objItem) {
            if (parseInt($(objItem).html()) == parseInt(_activitiesOneIndex + 1)) {
                $(objItem).addClass("activities_select_index");
            }
        });
    });
}


$(function () {
    $("#commodityPopularityRanking > div > img,.sales_ranking_list img").mouseover(function (e) {
        var _objImg = $(this);
        var _moveHeight = $("#moveDiv").height();
        $("#moveLodingImage").show();
        $("#moveCommodityMinInfo").hide();
        $("#moveIce").css({
            "top": parseInt($(_objImg).offset().top + ($(_objImg).height() / 2 - $("#moveIce").height() / 2)) + "px",
            "left": parseInt($(_objImg).offset().left + $(_objImg).width()) + "px"
        }).show();
        $("#moveDiv,#moveBgPanel").css("left", parseInt($("#moveIce").offset().left + $("#moveIce").width() - 1) + "px");
        if (e.clientY > _moveHeight / 2 + 20 && e.clientY < parseInt($(window).height() - _moveHeight / 2 - 20)) {
            $("#moveDiv,#moveBgPanel").css("top", parseInt($("#moveIce").offset().top - ($("#moveDiv").height() / 2 - $("#moveIce").height() / 2)) + "px");
        } else if (e.clientY < _moveHeight) {
            $("#moveDiv,#moveBgPanel").css("top", parseInt($("#moveIce").offset().top - 20) + "px");
        } else if (e.clientY > parseInt($(window).height() - _moveHeight)) {
            $("#moveDiv,#moveBgPanel").css("top", parseInt($("#moveIce").offset().top - _moveHeight + 50) + "px");
        }
        $("#moveDiv,#moveBgPanel").show(0, function () {
            $.post("/Commodity/MoveCommodityInfo.aspx", { cId: parseInt($(_objImg).attr("id")) }, function (json) {
                $("#moveCommodityImg").attr("src", $(_objImg).attr("src"));
                $("#moveCommodityName").html(json.Name);
                $("#moveCommodityNumber").html(json.Number);
                $("#moveCommodityType").html(json.CommodityType);
                $("#moveCommodityOrdinaryPrice").html(json.OrdinaryPrice);
                $("#moveCommoditySilverPrice").html(json.SilverPrice);
                $("#moveCommodityGoldPrice").html(json.GoldPrice);
                $("#moveCommodityDiamondPrice").html(json.DiamondPrice);
                $("#moveLodingImage").hide();
                $("#moveCommodityMinInfo").show();
            }, "json");
        });        
    }).mouseout(function () {
        $("#moveIce,#moveDiv,#moveBgPanel").hide();
    });

});

//最新上架专栏
$(function () {
    $.each($("#newGoodsShelvesContent img"), function (i, objImg) {
        var _offset = $(objImg).offset();
        $("<div class='new_commodity_ice'></div>").css({
            top: parseInt(_offset.top + 2) + "px",
            left: parseInt(_offset.left + 2) + "px"
        }).bind("click", function () {
            $(objImg).click();
        }).appendTo("body");
    });
});

//站长推荐专栏
var _adsenseIndex = 0;
var _adsenseSize = 0;
$(function () {
    _adsenseSize = $("#adsenseRecommendedMain > div").size() - 1;
    $.each($("#adsenseRecommendedMain > div"), function (i, objDiv) {
        if (i < 4) {
            $("#adsenseRecommendedMiddle > div").eq(i).html($(objDiv).html());
        }
    });
    $.each($("#adsenseRecommendedMiddle img"), function (i, objImg) {
        var _offset = $(objImg).offset();
        $("<div class='adsense_recommended_ice'></div>").css({
            top: parseInt(_offset.top - 10) + "px",
            left: parseInt(_offset.left - 8) + "px"
        }).bind("click", function () {
            $(objImg).click();
        }).appendTo("body");
    });

    $("#adsenseRecommendedPanel").everyTime(8000, everyMoveAdsenseRecommended);

    $("#adsenseRecommendedContent,#adsenseRecommendedContent *").mouseover(function () {
        $("#adsenseRecommendedPanel").stopTime();
    }).mouseout(function () {
        $("#adsenseRecommendedPanel").everyTime(8000, everyMoveAdsenseRecommended);
    });

    $("#adsenseRecommendedLeft").mouseover(function () {
        $(this).attr("class", "move_left_show");
    }).mouseout(function () {
        $(this).attr("class", "move_left_hide");
    }).click(function () {
        _adsenseIndex -= 1;
        moveAdsenseRecommendedList(_adsenseIndex);
    });
    $("#adsenseRecommendedRight").mouseover(function () {
        $(this).attr("class", "move_right_show");
    }).mouseout(function () {
        $(this).attr("class", "move_right_hide");
    }).click(function () {
        _adsenseIndex += 1;
        moveAdsenseRecommendedList(_adsenseIndex);
    });
});

function everyMoveAdsenseRecommended() {
    _adsenseIndex += 1;
    moveAdsenseRecommendedList(_adsenseIndex);
}

function moveAdsenseRecommendedList(index_p) {
    if (_adsenseSize > 4) {
        if (index_p < 0) {
            index_p = _adsenseSize;
        } else if (index_p > _adsenseSize) {
            index_p = 0;
        }
        _adsenseIndex = index_p;
        for (var i = 0; i < 4; i++) {
            var _showIndex = 0;
            if (i + index_p > _adsenseSize) {
                _showIndex = i + index_p - _adsenseSize - 1;
            } else {
                _showIndex = i + index_p;
            }
            $("#adsenseRecommendedMiddle > div").eq(i).html("");
            $("#adsenseRecommendedMiddle > div").eq(i).html($("#adsenseRecommendedMain > div").eq(_showIndex).html());
        }
        bindAdsenseRecommendedImg();
    }
}

function bindAdsenseRecommendedImg() {
    $.each($("#adsenseRecommendedMiddle img"), function (i, objImg) {
        var _offset = $(objImg).offset();
        $(".adsense_recommended_ice").eq(i).css({
            top: parseInt(_offset.top - 10) + "px",
            left: parseInt(_offset.left - 8) + "px"
        }).bind("click", function () {
            $(objImg).click();
        });
    });
}

//浏览器窗口大小改变时事件
window.onresize = function () {
    movePagePanels();

    bindAdsenseRecommendedImg();

    $.each($("#newGoodsShelvesContent img"), function (i, objImg) {
        var _offset = $(objImg).offset();
        $(".new_commodity_ice").eq(i).css({
            top: parseInt(_offset.top + 2) + "px",
            left: parseInt(_offset.left + 2) + "px"
        });
    });
    if ($("#activitiesColumnContent").html() != null) {
        $("#activitiesColumnContent > div,#activitiesTitle").css({
            top: $("#activitiesColumnContent").offset().top + "px",
            left: $("#activitiesColumnContent").offset().left + "px"
        });
    }    
}


