﻿


    function BindBannerTopCenter() {

        if(BannerTopCenter == "") return 0;

        var BannerTopCenterDataArr   = BannerTopCenter.split("|");
        var BannerTopCenterDataCount = BannerTopCenterDataArr.length;

        if(BannerTopCenterDataCount <= 0) return 0;


        var DisplayIndex;

        if(BannerTopCenterDataCount <= BannerTopCenterDisplayCount) {
            BannerTopCenterDisplayCount = BannerTopCenterDataCount;
            DisplayIndex = 0;

        } else {
            DisplayIndex = BannerRotateCount % BannerTopCenterDataCount;

        }


        for(var LoopCount = 0; LoopCount < BannerTopCenterDisplayCount;
                 LoopCount++, DisplayIndex = ((DisplayIndex+1) >= BannerTopCenterDataCount) ? 0 : DisplayIndex+1) {

            var ImagePath   = BannerImagePath + BannerTopCenterDataArr[DisplayIndex];
            var ImagePathOv = ImagePath.toLowerCase().replace(".jpg", "_ov.jpg").replace(".gif", "_ov.gif");

            var TargetTdId  = "#" + HeadForTdId + (LoopCount + 1);

            $(TargetTdId)
                .css({
                    backgroundImage : 'url(' + ImagePath + ')'

                })
                .append(
                    $('<img/>', {
                        src : ImagePathOv
                    })
                    .hide()

                )
                .hover(
                    function() { StopBannerTopCenterRoll(); $('#' + $(this).attr('id') + ' Img').show(); },
                    function() { $('#' + $(this).attr('id') + ' Img').hide(); StartBannerTopCenterRoll();}

                );

        }

        return LoopCount;

    }





    function StartBannerTopCenterRoll() {

        BannerTopCenterRollIndex   = -1;

        StopForBannerTopCenterRoll = false;

    }




    function StopBannerTopCenterRoll() {

        StopForBannerTopCenterRoll = true;

        BannerTopCenterRollIndex   = -1;

        var TargetTableId = "#" + TableId;
        $(TargetTableId + ' img').hide();

    }





    function ActionForBannerTopCenterRoll() {

        if(BannerTopCenterRollCount <= 0) {
            return;
        }
        if(StopForBannerTopCenterRoll) {
            TimeIdForBannerTopCenterRoll = window.setTimeout("ActionForBannerTopCenterRoll()", BannerTopCenterRollSpeed);
            return;
        }

        var NewIndex = BannerTopCenterRollIndex; 

        NewIndex++;

        if(NewIndex >= BannerTopCenterRollCount)
            NewIndex = 0;


        var TargetTableId = "#" + TableId;
        var TargetTdId    = "#" + HeadForTdId + (NewIndex + 1);

        if(!StopForBannerTopCenterRoll) $(TargetTableId + ' img').fadeOut('slow');
        if(!StopForBannerTopCenterRoll) $(TargetTdId    + ' img').fadeIn('slow');

        if(!StopForBannerTopCenterRoll) BannerTopCenterRollIndex = NewIndex;

        TimeIdForBannerTopCenterRoll = window.setTimeout("ActionForBannerTopCenterRoll()", BannerTopCenterRollSpeed);

    }




    var BannerTopCenterRollSpeed    = 2500;
    var BannerTopCenterDisplayCount = 3;
    var HeadForTdId                 =  "AreaBannerTop_";
    var TableId                     =  "AreaBannerTop";

    var BannerTopCenterRollCount    = 0;
    var BannerTopCenterRollIndex    = -1;
    var StopForBannerTopCenterRoll  = false;
    var TimeIdForBannerTopCenterRoll;


    $().ready(function() {

        $('#FooterSpaceTop').remove();

        BannerTopCenterRollCount = BindBannerTopCenter();

        window.onload = function(){
            ActionForBannerTopCenterRoll();

        };

    });



