$(function () {
    var timer;
    var img = -1;
    var speed = 10000;
    var fOut = 500, fIn = 1000;
    var myImages = $(".list a");
    $("#banner").slideDown();

    //1,2,3加入方格
    $(".link").append("<ul />");
    for (var i = 1; i <= myImages.length; i++) {

        //$(".link ul").append("<li>" + i + "</li>");



        //未來的特殊判斷-專業認證
        if (i <= 9) {
            $(".link ul").append("<li>" + i + "</li>");
        }
        else {            
            //找不到最新消息的more標籤就切換到英文
            if ($("#more").length > 0) {
                $(".link ul").append("<li style='width:55px'>專業認證</li>");
            }
            else {
                $(".link ul").append("<li style='width:150px'>Professional Certification</li>");
            }
        }



    }

    //滑鼠點選頁籤切換
    $(".link li").click(function () {
        var idx = $(this).text() - 1;

        //未來的特殊判斷(找不到數字就強制切換專業認證的圖idx代碼)
        if (isNaN(idx)) 
        idx = 9;


        img = idx;
        //抓索引值
        var _link = myImages.eq(idx);
        //取得連結、標題
        var adlink = _link.attr("href"); //取得<a href>
        //var adbody=_link.find("img").attr("alt");
        var adsrc = _link.find("img").attr("src");
        var adtarget = _link.attr("target");

        /*淡入淡出效果*/

        /*圖檔淡入出*/
        $("#banner").fadeOut(fOut, function () {
            $("#banner").find("a").attr({
                href: adlink,
                target: adtarget
            });
            $("#banner").find("img").attr("src", adsrc);
        }).fadeIn(fIn);

        $(this).removeClass("off").addClass("on")
			.siblings().removeClass("on").addClass("off");

        var timer = 10000;
    });

    //滑鼠滑入區塊停止自動播放
    $("#banner").hover(function () {
        clearTimeout(timer);
    }, function () {
        timer = setTimeout(autoShow, speed);
    });

    function autoShow() {
        img = (img + 1 < myImages.length) ? img + 1 : 0;
        $(".link li").eq(img).click();
        timer = setTimeout(autoShow, speed);
    }

    autoShow();


    //針對英文版首頁做調整
    $(document).ready(function () {
        //找不到最新消息的more標籤就切換到英文背景
        if ($("#more").length > 0) { }
        else {
            //英文(MENU位置調整)
            //$("#nav").css({ left: "45px" });
            //英文(隱藏最新消息)
            //$("#boxNews").hide();            

            //英文(隱藏產品介紹) 
            $("#products").hide();
            //英文(顯示品牌商標)
            $("#brands").show();
            //英文(背景圖)
            $("#down").css("background-image", "url(../img/index_960/indexdown_en.jpg)");
            //英文(解決方案位置調整)
            $("#solution1_1").css({ left: "-245px", width: "230px", _width: "230px" });
            $("#ss8").css({ height: "40px", _height: "40px", top: "160px" });

            $("#s1").css({ width: "163px" });
            $("#s2").css({ width: "163px" });
            $("#s3").css({ width: "163px" });
            $("#s4").css({ width: "163px" });
            $("#s5").css({ width: "163px" });
            $("#s6").css({ width: "163px" });
            $("#s7").css({ width: "163px" });
            $("#s8").css({ width: "163px" });

            $("#solution1_2").css({ left: "-50px", width: "247px", _width: "247px" });
            $("#ss1").css({ width: "247px", _width: "247px" });
            $("#ss2").css({ width: "247px", _width: "247px" });
            $("#ss3").css({ width: "247px", _width: "247px" });
            $("#ss4").css({ width: "247px", _width: "247px" });
            $("#ss5").css({ width: "247px", _width: "247px" });
            $("#ss6").css({ width: "247px", _width: "247px" });
            $("#ss7").css({ width: "247px", _width: "247px" });
            $("#ss8").css({ width: "247px", _width: "247px" });


        }

    });



});