/**
 * created by administrator on 2018/1/10.
 * form by �úú�����
 * email 1570302023@qq.com
 *
 *
 *
 */

$(function(){
    var timer='';
    var num=0;

	var maxwidth = document.body.clientwidth;
    $('.bot-img ul li').click(function(){
        var _this=$(this);
        _this.addclass('active').siblings('li').removeclass('active');
        var int=_this.index();
        $('.activeimg').animate({left:int*-maxwidth},"slow");
        num=int;
    });
    var list=$('.bot-img ul li').length;
    $('.activeimg').css({
        width:list*maxwidth,
    });
    $('.right').click(function(){
        next(list)

    })
    $('.left').click(function(){
        prev(list)
    });

    //�զ����� 2�벥��һ�� ����ѭ��

    timer=setinterval(function(){ //�򿪶�ʱ��
        num++;
        if(num>parsefloat(list)-1){
           num=0;
            $('.activeimg').animate({left:num*-maxwidth},"slow");
            $('.bot-img ul li').eq(num).addclass('active').siblings('li').removeclass('active')
        }else{
           $('.activeimg').animate({left:num*-maxwidth},"slow");
            $('.bot-img ul li').eq(num).addclass('active').siblings('li').removeclass('active')
       }
    },5000);
})
var index=0;
//��һ��
function next(list){
    if(index<list-1){
        index++;
        $('.activeimg').animate({left:index*-500},"slow");
        $('.bot-img ul li').eq(index).addclass('active').siblings('li').removeclass('active')
    }else{
        index=0;
        $('.activeimg').animate({left:index*-522},"slow");
        $('.bot-img ul li').eq(index).addclass('active').siblings('li').removeclass('active')
    }
}
//        ��һ��
function prev(list){
    index--;
    if(index<0){
        index=list-1;
        $('.activeimg').animate({left:index*-500},"slow");
        $('.bot-img ul li').eq(index).addclass('active').siblings('li').removeclass('active')
    }else{
        $('.activeimg').animate({left:index*-500},"slow");
        $('.bot-img ul li').eq(index).addclass('active').siblings('li').removeclass('active')
    }
}