$(function () {
    // 轮播图
    var carousel = function () {
        // 获取图片
        var carousel_left_img = $(".carousel_left_img")
        // 下一个按钮
        var next = $(".carousel_left_next")
        // 上一个按钮
        var pre = $(".carousel_left_pre")
        // 锁
        var key = true
        var li = $(".carousel_left_text ul li")
        // 当前位置的黄色的小圆圈
        var liIndex = 0
        // 返回定时器的参数
        var timeIn
        var i = 0;
        // 播放
        var nextPlay = function () {
            if (key) {
                key = false
                ++liIndex
                if (liIndex > 2) {
                    liIndex = 0
                }
                if (parseInt(carousel_left_img.css("left")) <= -1600) {
                    carousel_left_img.css("left", -400)
                }
                
                timeIn = setInterval(function () {
                    i++;
                    carousel_left_img.css("left", parseInt(carousel_left_img.css("left")) - 20)
                    if (i >= 20) {
                        clearInterval(timeIn)
                        key = true
                        i = 0
                        liDot()
                    }
                }, 30)
            }
        }

        var prePlay = function () {
            if (key) {
                key = false
                --liIndex
                if (liIndex < 0) {
                    liIndex = 2
                }

                if (parseInt(carousel_left_img.css("left")) >= 0) {
                    carousel_left_img.css("left", -1200)
                }
                
                timeIn = setInterval(function () {
                    i++;
                    carousel_left_img.css("left", parseInt(carousel_left_img.css("left")) + 20)
                    if (i >= 20) {
                        clearInterval(timeIn)
                        key = true
                        i = 0
                        liDot()
                    }
                }, 30)
            }
        }


        var liDot = function () {
            li.eq(liIndex).addClass('col').siblings().removeClass('col')
        }


        var timeOut;
        var autoPlay = function () {
            timeOut = setInterval(function () {
                nextPlay()
            }, 4000)
        }


        // 开始播放
        autoPlay()
        // 鼠标进入停止播放
        $('.carousel_left').on("mouseenter", function () {
            clearInterval(timeOut)
            
        })
        // 鼠标移除开始播放
        $('.carousel_left').on("mouseleave", function () {
            autoPlay()
        })
        // 点击下一个
        pre.on("click", function () {
            clearInterval(timeOut)
            prePlay()
        })
        // 点击上一个
        next.on("click", function () {
            clearInterval(timeOut)
            nextPlay()
        })
        // 点击小圆点
        li.on('click',function () {  
            if(key){
                key = false
                var index = $(this).index()
                
                if(index>liIndex){
                    timeIn = setInterval(function () {
                        console.log(index-liIndex)
                        i++;
                        carousel_left_img.css("left", parseInt(carousel_left_img.css("left")) - (index-liIndex)*20)
                        if (i >= 20) {
                            clearInterval(timeIn)
                            key = true
                            i = 0
                            liIndex = index
                            liDot()
                        }
                    }, 30)
                }

                if(index<liIndex){
                    timeIn = setInterval(function () {
                        i++;
                        carousel_left_img.css("left", parseInt(carousel_left_img.css("left")) + (liIndex-index)*20)
                        if (i >= 20) {
                            clearInterval(timeIn)
                            key = true
                            i = 0
                            liIndex = index
                            liDot()
                        }
                    }, 30)
                }
              
               
            }
        })



        // 克隆节点多余1和3的轮播图节点
        var carousel_left_img_first = $(".carousel_left_img li:first-child").clone()
        var carousel_left_img_last = $(".carousel_left_img li:last-child").clone()
        var carousel_left_img_ul = $(".carousel_left_img ul")

        carousel_left_img_last.prependTo(carousel_left_img_ul)
        carousel_left_img_first.appendTo(carousel_left_img_ul)

    }
    carousel()


    // 新闻选择
    var news = function () {
        var news_l = $('.news_l li')
        var news_c = $('.news_c ul')
        news_l.on('click', function (e) {
            $(this).addClass('theme').siblings().removeClass('theme')
            news_c.eq($(this).index()).siblings().css('display', 'none')
            news_c.eq($(this).index()).css('display', 'block')
        })
    }
    news()


    // 返回顶部和新闻固定和热点新闻
    var backTop = function () {
        var back_top = $('.back_top')
        var news_l = $('.news_l')
        var news_c = $('.news_c')
        var new_r = $('.news_r')
        $(window).scroll(function (e) {
            // 新闻选择   1028
            if ($(this).scrollTop() >= 1030) {
                back_top.fadeIn()
                news_l.css('position', 'fixed')
                news_c.css('margin-left', '155px')
            } else {
                back_top.fadeOut()
                news_l.css('position', 'static')
                news_c.css('margin-left', '35px')
            }

            // 热点排行
            // console.log($(this).scrollTop())   594
            if ($(this).scrollTop() >= 600) {
                new_r.css({
                    'position': 'fixed',
                    'left': '50%',
                    'top': '30px',
                    'margin-left': '300px'
                })
            } else {
                new_r.css({
                    'position': 'static',
                    'margin-left': '0px'
                })
            }
        })
        // 返回顶部
        back_top.on('click', function () {
            $('html,body').animate({
                scrollTop: 0
            }, 500)
        })
    }
    backTop()


})