$(document).ready(function(){
    $(".search-button").on("click", function(){
        var title = $("input[name='search']").val();
        window.open("/article/search.do?title=" + encodeuri(title));
    });
    //顶部导航区动作
    var navigationelements = $(".navigation .element");
    navigationelements.on("mouseenter", function(){
        navigationelements.removeclass("focus");
        $(this).addclass("focus");
    });

    navigationelements.on("mouseleave", function(){
        $(this).removeclass("focus");
    });

    //banner初始化
    var bannerlis = $("#banner ul li");
    {
        //初始化左右切换按钮宽度
        // var windowwidth = $(document).width();
        // if(windowwidth < 1404){
        //     if(windowwidth < 1304){
        //         windowwidth = 1304;
        //     }
        //     $("#banner .buttons").width(windowwidth);
        // }
        // if(bannerlis.length === 0){
        //     return;
        // }

        //初始化底部切换按钮
        for(var i = 0; i < bannerlis.length; i++){
            var spanhtml = "<span></span>";
            if(i === 0){
                spanhtml = "<span class=\"active\"></span>";
            }
            $("#banner").children(".switch").append(spanhtml);
        }
    }
    var banneractiveindex = 0;
    var switching = false;
    var switchspans = $("#banner .switch span");
    switchspans.on("click", function(){
        var activeindex = $(this).index();
        refreshswitch(activeindex);
        switchbanner(activeindex);
    });

    //切换前一个图片
    var prebutton = $("#banner .buttons .left .button");
    prebutton.on("click", function(){
        var targetindex = banneractiveindex - 1;
        if(targetindex < 0){
            targetindex = bannerlis.length - 1;
        }
        refreshswitch(targetindex);
        switchbanner(targetindex);
    });

    //切换后一个图片
    var nextbutton = $("#banner .buttons .right .button");
    nextbutton.on("click", function(){
        var targetindex = banneractiveindex + 1;
        if(targetindex > bannerlis.length - 1){
            targetindex = 0;
        }
        refreshswitch(targetindex);
        switchbanner(targetindex);
    });
    /**
     * 切换banner图片显示
     * @param targetindex 用户点击选择的图片，激活目标序号
     */
    function switchbanner(targetindex){
        if(switching){
            return;
        }
        if(bannerlis.length <= 1){
            return;
        }
        if(banneractiveindex === targetindex){
            return;
        }
        switching = true;
        var swithbannerval = setinterval(function(){
            var activedopacity = parsefloat($(bannerlis[banneractiveindex]).css("opacity"));
            var targetopacity = parsefloat($(bannerlis[targetindex]).css("opacity"));
            if(targetopacity === 1 && activedopacity === 0){
                clearinterval(swithbannerval);
                banneractiveindex = targetindex;
                switching = false;
            }
            activedopacity -= 0.1;
            if(activedopacity < 0){
                activedopacity = 0;
            }
            targetopacity += 0.1;
            if(targetopacity > 1){
                targetopacity = 1;
            }
            $(bannerlis[banneractiveindex]).css("opacity", activedopacity);
            $(bannerlis[targetindex]).css("opacity", targetopacity);
        }, 50);
    }

    /**
     * 切换banner底部切换按钮
     * @param targetindex 激活目标序号
     */
    function refreshswitch(targetindex){
        if(switching){
            return;
        }
        if(switchspans.length <= 1){
            return;
        }
        if(switchspans.length < targetindex + 1){
            return;
        }
        if(banneractiveindex === targetindex){
            return;
        }
        switchspans.removeclass("active");
        $(switchspans[targetindex]).addclass("active");
    }

    var select = $(".foot .selection .link");
    select.on("change", function(){
        if($(this).val() === "#"){
            return;
        }
        window.open($(this).val());
    });
});