﻿    var Ban_Timer = 0;
    var Ban_Timer2 = 0;
    var BannerIndex = 0;
    var NumIndex = 0;
    $(function ()
    {
        //banner 全部隱藏
        var objBar = $("div[name='bar']");
        for (j = 0; j < objBar.length; j++)
        {
            $(objBar[j]).hide();
            $("#numlink" + j).css("color", "#fff"); //同步還原數字的css(白字+無底線)
            $("#numlink" + j).css("text-decoration", "none");
        }
        var objBarPcs = objBar.length //取得banner圖總數量
        BannerIndex = (Math.round(Math.random() * 100) % (objBarPcs));  //0,1,2,3,4-->隨機取一張banner
        $(objBar[BannerIndex]).show();
        $("#numlink" + BannerIndex).css("color", "#c01b51"); //同步調整數字的css(紅字+底線)
        $("#numlink" + BannerIndex).css("text-decoration", "underline");    

        Ban_Timer = setTimeout("playBanner(" + BannerIndex + ")", 8000); //8秒輪播
    });

    //8秒banner輪播function
    function playBanner(BannerIndex)
    {
        clearTimeout(Ban_Timer);
        var objBar = $("div[name='bar']");
        for (j = 0; j < objBar.length; j++) 
        {
            $(objBar[j]).hide();                                //banner全部隱藏
            $("#numlink" + j).css("color", "#fff"); //同步還原數字的css(白字+無底線)
            $("#numlink" + j).css("text-decoration", "none");
        }
        if (BannerIndex == objBar.length) //判斷是否到最後一張了
        {
            BannerIndex = 0;
        }

        //show banner   並 調整   "圖片" 對應到的 "數字 (1 2 3 4 5 )" 的css
        $(objBar[BannerIndex]).show();
        $("#numlink" + BannerIndex).css("color", "#c01b51"); //同步調整數字的css(紅字+底線)
        $("#numlink" + BannerIndex).css("text-decoration", "underline");    

       //輪到下一張
       BannerIndex = BannerIndex + 1;

       Ban_Timer2 = setTimeout("playBanner(" + BannerIndex + ")", 8000); //8秒輪播
    }

    //click banner後，顯示banner
    function ClickBanNum(BannerIndex)
    {
        clearTimeout(Ban_Timer);
        clearTimeout(Ban_Timer2);

        //1.先全部隱藏
        var objBar = $("div[name='bar']");
        for (j = 0; j < objBar.length; j++)
        {
            $(objBar[j]).hide();
            $("#numlink" + j).css("color", "#fff"); //同步還原數字的css(白字+無底線)
            $("#numlink" + j).css("text-decoration", "none");
        }
        //2.顯示click 的banner
        $(objBar[BannerIndex]).show();
        $("#numlink" + BannerIndex).css("color", "#c01b51"); //同步調整數字的css(紅字+底線)
        $("#numlink" + BannerIndex).css("text-decoration", "underline");

        Ban_Timer = setTimeout("playBanner(" + BannerIndex + ")", 8000); //8秒輪播
    }

