//放大某个控件
function SECZoomImage(obj) {

    var imageUrl = $(obj).attr('LargeImage');
    var imageWidth = $(obj).attr('LargeImageWidth');
    var imageHeight = $(obj).attr('LargeImageHeight');

    if (!$('#ImageContainerID') || $('#ImageContainerID').length <= 0) {
        $('<img style="position:absolute;width:' + imageWidth + ';height:' + imageHeight + ';" id="ImageContainerID" src="' + imageUrl + '" border="0" />').appendTo('body');
    }
    else {
        $('#ImageContainerID').attr('src', imageUrl);
    }
    $('#ImageContainerID').hide();
    var h = $(window).height();
    var w = $(window).width();

    var topLocation = h / 2 - $('#ImageContainerID').height() / 2 + $(document).scrollTop();
    var leftLocation = w / 2 - $('#ImageContainerID').width() / 2; +$(document).scrollLeft();

    if (topLocation < 0) {
        topLocation = 0;
    }

    $('#ImageContainerID').css({ position: 'absolute', top: topLocation, left: leftLocation, 'z-index': '1000' });
    $('#ImageContainerID').show();

    $(document).click(function (event) {
        //alert('1');
        $target = $(event.target);
        if ($('#ImageContainerID').is(':visible') && $target.attr("id") != 'ImageContainerID'
                            && $target.parents('#ImageContainerID').length <= 0 && !$target.attr('ZoomItem')) {
            $('#ImageContainerID').fadeOut();
            $('body').remove('#ImageContainerID');
        }
    });
}

function SECPopupWindows(obj) {
    var imageUrl = $(obj).attr('LargeImage');
    var imageWidth = parseInt($(obj).attr('LargeImageWidth'));
    var imageHeight = parseInt($(obj).attr('LargeImageHeight'));
    var backWidth = parseInt($(obj).attr('LargeBackWidth'));
    var backHeight = parseInt($(obj).attr('LargeBackHeight'));

    if (!$('#SECPopupWraperID') || $('#SECPopupWraperID').length <= 0) {
        $('<div ID="SECPopupWraperID" style="z-index:110;text-align:center;overflow:hidden;position:absolute;width:' + backWidth + 'px;height:' + backHeight + 'px;">' +
            '<div style="background-color:#254874;width:100%;height:30px;text-align:right;">' +
            '<span id="TestInfo"></span><img ID="SECHelpID" src="/_layouts/images/SEC.InternetPortal/images/group/Close.png"></div>' +
            '</div>' +
            '<img style="position:absolute;z-index:111;width:' + imageWidth + ';height:' + imageHeight + ';" id="ImageWinContainerID" src="' + imageUrl + '" border="0" />'
            ).appendTo('body');
    }
    else {
        $('#SECPopupWraperID').css({ width: backWidth, height: backHeight });
        $('#ImageWinContainerID').attr('src', imageUrl);
        $('#ImageWinContainerID').css({ width: imageWidth, height: imageHeight });
    }

    $('#SECPopupWraperID').hide();
    $('#ImageWinContainerID').hide();

    var WindowsTop;
    var WindowsLeft;

    if ($(obj).attr('RelatedTo') && $(obj).attr('RelatedTo').length > 0) {
        $('#' + RelatedObjID).css({ position: 'relative' });
        var RelatedObjID = $(obj).attr('RelatedTo');
        var RelatedObjTop = $('#' + RelatedObjID).offset().top;
        var RelatedObjLeft = $('#' + RelatedObjID).offset().left;
        WindowsTop = RelatedObjTop - 30;
        WindowsLeft = RelatedObjLeft - (backWidth - $('#' + RelatedObjID).width()) / 2
    }
    else {
        var h = $(window).height();
        var w = $(window).width();

        var WindowsTop = h / 2 - $('#SECPopupWraperID').height() / 2 + $(document).scrollTop();
        var WindowsLeft = w / 2 - $('#SECPopupWraperID').width() / 2; +$(document).scrollLeft();

        if (WindowsTop < 0) {
            WindowsTop = 0;
        }
    }

    $('#SECPopupWraperID').show();
    $('#ImageWinContainerID').show();
    $('#SECPopupWraperID').css({ 'filter': 'alpha(opacity=50)', top: WindowsTop, left: WindowsLeft, 'background-color': '#254874' });
    $('#ImageWinContainerID').css({ top: WindowsTop + 30, left: WindowsLeft - (imageWidth - backWidth) / 2 });

    $('#SECHelpID').click(function () {
        $('#SECPopupWraperID').hide();
        $('#ImageWinContainerID').hide();
    });
}

function AdustPage() {
    var $LeftImage = $('#arrowL img').eq(0);
    var $RightImage = $('#arrowR img').eq(0);
    var $ImageDiv = $('#ContainerID');

    var ImageZIndex = parseInt($ImageDiv.css('z-index'));
    var RightImageLeft = $ImageDiv.width() - $RightImage.width();


    $RightImage.css({ position: 'absolute', top: 200, left: 0, 'z-index': ImageZIndex + 1 });
    $LeftImage.css({ position: 'absolute', top: 200, left: 500, 'z-index': ImageZIndex + 1 });

    $LeftImage.click(function () {
        var currentImageIndex = parseInt($('#ProdcutPopupInput').val());
        var nextImageIndex = (currentImageIndex - 1 + Pics.length) % Pics.length;
        $('#imagePopup').attr('src', Pics[nextImageIndex]);
        $('#ProdcutPopupInput').val(nextImageIndex);

        if (nextImageIndex < Pics.length - 1) {
            $RightImage.show();
        }
        else {
            $RightImage.hide();
        }

        if (nextImageIndex <= 0) {
            $LeftImage.hide();
        }
    });
    $RightImage.click(function () {
        var currentImageIndex = parseInt($('#ProdcutPopupInput').val());
        var nextImageIndex = (currentImageIndex + 1) % Pics.length;
        $('#imagePopup').attr('src', Pics[nextImageIndex]);
        $('#ProdcutPopupInput').val(nextImageIndex);

        if (nextImageIndex > 0) {
            $LeftImage.show();
        }
        else {
            $LeftImage.hide();
        }

        if (nextImageIndex == Pics.length - 1) {
            $RightImage.hide();
        }
    });

    if (Pics.length <= 1) {
        $RightImage.hide();
        $LeftImage.hide();
    }
    else {
        $RightImage.show();
        $LeftImage.hide();
    }
}

function InitalSECAnimate() {
    var ImageContainer = $('[SECSwitchImage="true"]');
    ImageContainer.each(function () {
        var SwitchImages = $(this).find('img');
        var ImageWidth = parseInt($(this).attr('SECImageWidth'));
        var ImageHeight = parseInt($(this).attr('SECImageHeight'));

        if (SwitchImages.length > 0) {
            SwitchImages.each(function () {
                var index = SwitchImages.index($(this));
                if (index <= 0) {
                    $(this).css({ 'opacity': '1', 'width': ImageWidth, 'height': ImageHeight });
                    $(this).show();
                }
                else {
                    $(this).css({ 'opacity': '0.1', 'width': ImageWidth, 'height': ImageHeight });
                    $(this).hide();
                }
            });

            setInterval(SECSwitchImage($(this)), 2000);
        }
    });
}