$(function () {
    var min_length_one = $("#contents_one>ul>li").length;
    var min_html_one = '';
    var min_one = Math.ceil(min_length_one / 5);
    var min_status_one =0
    for (var i = 0; i < min_length_one; i++) {
        if (i == 0) {
            min_html_one += '<ul>'
        }
        if (i > 0 && i % 5 == 0) {
            min_html_one += '<ul>'
        }
        min_html_one += '<li>' + $("#contents_one>ul>li").eq(i).html() + '</li>'

        if (i % 5 == 4) {
            min_html_one += '<div class="clear"></div></ul>'
        }
        if (min_length_one % 5 != 0) {
            if (i == min_length_one - 1) {
                min_html_one += '<div class="clear"></div></ul>'
            }
        }
    }

    min_html_one += min_html_one
    min_html_one += '<div class="clear"></div>'
    $("#contents_one").html(min_html_one)
    $("#contents_one").css('width', $("#min_one").width() * 2 * min_one + 'px')
    $("#contents_one>ul").css('width', $("#min_one").width() + 'px')
    // $("#min_one>ul").eq(0).css('display', 'block')
    var state_one_html = '';
    for (var i = 0; i < min_one; i++) {
        if (i == 0) {
            state_one_html += '<div class="stop active"></div>'
        } else {
            state_one_html += '<div class="stop"></div>'
        }

    }
    state_one_html += '<div class="clear"></div>'
    //$("#states_one").css('width', 14 * min_one + 'px')
    // $("#states_one").html(state_one_html)

    $("#states_one>div").click(function () {
        //clearInterval(content_one);
        //content_one =setInterval(pro_one, 4000);
        min_status_one = $(this).index();
        $("#states_one>div").removeClass('active').eq($(this).index()).addClass('active');
        $("#contents_one").css({
            'margin-left': '-' + $("#min_one").width() * min_status_one + 'px',
            'transition': '1s'
        })
    })
    //$("#min_one").css('height', $("#min_one").height() + 'px')

    // var content_one = setInterval(pro_one, 4000);
    // $(".train> .left> .ranking").mouseover(function (){
    //     clearInterval(train_timers);
    // }).mouseout(function (){
    //     train_timers =setInterval(train_timer, 5000);
    // });

    function pro_one() {
        min_status_one++;
        if (min_status_one == min_one) {
            $("#states_one>div").removeClass('active').eq(0).addClass('active');
        } else {
            $("#states_one>div").removeClass('active').eq(min_status_one).addClass('active');
        }
        $("#contents_one").css({
            'margin-left': '-' + $("#min_one").width() * min_status_one + 'px',
            'transition': '1s'
        })
        if (min_status_one == min_one) {
            min_status_one = 0
            setTimeout(function () {
                $("#contents_one").css({
                    'margin-left': '-' + $("#min_one").width() * min_status_one + 'px',
                    'transition': '0s'
                })
            }, 1000)
        }
    }






    var min_length_two = $("#contents_two>ul>li").length;
    var min_html_two = '';
    var min_two = Math.ceil(min_length_two / 5);
    var min_status_two =0
    for (var i = 0; i < min_length_two; i++) {
        if (i == 0) {
            min_html_two += '<ul>'
        }
        if (i > 0 && i % 5 == 0) {
            min_html_two += '<ul>'
        }
        min_html_two += '<li>' + $("#contents_two>ul>li").eq(i).html() + '</li>'

        if (i % 5 == 4) {
            min_html_two += '<div class="clear"></div></ul>'
        }
        if (min_length_two % 5 != 0) {
            if (i == min_length_two - 1) {
                min_html_two += '<div class="clear"></div></ul>'
            }
        }
    }
    // min_html_two += '<div class="clear"></div>'
    // $("#contents_two").html(min_html_two)
    // $("#min_two>ul").eq(0).css('display', 'block')

    min_html_two += min_html_two;
    min_html_two += '<div class="clear"></div>'
    $("#contents_two").html(min_html_two)
    $("#contents_two").css('width', $("#min_two").width() * 2 * min_two + 'px')
    $("#contents_two>ul").css('width', $("#min_two").width() + 'px')

    var state_two_html = '';
    for (var i = 0; i < min_two; i++) {
        if (i == 0) {
            state_two_html += '<div class="stop active"></div>'
        } else {
            state_two_html += '<div class="stop"></div>'
        }

    }
    state_two_html += '<div class="clear"></div>'
    //$("#states_two").css('width', 14 * min_two + 'px')
    //$("#states_two").html(state_two_html)
    /*$("#states_two>div").click(function () {
        // clearInterval(content_two);
        // content_two =setInterval(pro_two, 5000);
        min_status_two = $(this).index();
        $("#states_two>div").removeClass('active').eq($(this).index()).addClass('active');
        $("#contents_two").css({
            'margin-left': '-' + $("#min_two").width() * min_status_two + 'px',
            'transition': '1s'
        })
    })*/
    // $("#min_two").css('height', $("#min_two").height() + 'px')
    //var content_two = setInterval(pro_two, 5000);
    function pro_two() {
        min_status_two++;
        if (min_status_two == min_two) {
            $("#states_two>div").removeClass('active').eq(0).addClass('active');
        } else {
            $("#states_two>div").removeClass('active').eq(min_status_two).addClass('active');
        }
        $("#contents_two").css({
            'margin-left': '-' + $("#min_one").width() * min_status_two + 'px',
            'transition': '1s'
        })
        if (min_status_two == min_two) {
            min_status_two = 0
            setTimeout(function () {
                $("#contents_two").css({
                    'margin-left': '-' + $("#min_one").width() * min_status_two + 'px',
                    'transition': '0s'
                })
            }, 1000)
        }
    }




    $(".information_bar>ul>li").click(function () {
        $(".information_bar>ul>li").removeClass('active').eq($(this).index()).addClass('active');
        $(".information_min>ul").css('display', 'none').eq($(this).index()).css('display', 'block')
    })




    var housekeeper_length = $("#housekeeper_content>li").length;
    var housekeeper_html = '';
    var housekeeper = housekeeper_length;
    var housekeeper_status = false;
    for (var i = 0 ; i < 3 ; i++){
        housekeeper_html +=$("#housekeeper_content").html()
    }
    housekeeper_html+='<div class="clear"></div>'
    $("#housekeeper_content").html(housekeeper_html)
    $("#housekeeper_content").css('width',($(".housekeeper_min").width()*housekeeper*3)+'px')
    $("#housekeeper_content").css('margin-left','-'+($(".housekeeper_min").width()*housekeeper_length)+'px')
    $("#housekeeper_content>li").css('width',$(".housekeeper_min").width()+'px');
    $("#housekeeper_left").click(function () {
        if(housekeeper_status){
            return false
        }
        housekeeper_status = true;
        housekeeper--;
        $("#housekeeper_content").css({'margin-left':'-'+($(".housekeeper_min").width()*housekeeper)+'px','transition':'1s'})
        if(housekeeper == housekeeper_length-1){
            housekeeper = housekeeper_length*2-1
            setTimeout(function () {
                $("#housekeeper_content").css({'margin-left':'-'+($(".housekeeper_min").width()*housekeeper)+'px','transition':'0s'})
            },1000)
        }
        setTimeout(function () {
            housekeeper_status = false;
        },1000)

    })
    $("#housekeeper_right").click(function () {
        if(housekeeper_status){
            return false
        }
        housekeeper_status = true;
        housekeeper++;
        $("#housekeeper_content").css({'margin-left':'-'+($(".housekeeper_min").width()*housekeeper)+'px','transition':'1s'})
        if(housekeeper == housekeeper_length*2){
            housekeeper = housekeeper_length
            setTimeout(function () {
                $("#housekeeper_content").css({'margin-left':'-'+($(".housekeeper_min").width()*housekeeper)+'px','transition':'0s'})
            },1000)
        }
        setTimeout(function () {
            housekeeper_status = false;
        },1000)
    })

})