var autolb = false;          //autolb=true为开启自动轮播
var autolbtime = 1;         //autolbtime为轮播间隔时间（单位秒）
var touch = true;           //touch=true为开启触摸滑动
var slidebt = true;         //slidebt=true为开启滚动按钮


var slidenub;               //轮播图片数量

//窗口大小改变时改变轮播图宽高
$(window).resize(function(){
  // $(".slide").height($(".slide").width()*0.56);
});


$(function(){
  //  $(".slide").height($(".slide").width()*0.56);
    slidenub = $(".slide .img").size();             //获取轮播图片数量
    for(i=0;i<slidenub;i++){
        $(".slide .img:eq("+i+")").attr("data-slide-imgid",i);
    }


    //根据轮播图片数量设定图片位置对应的class
    if(slidenub==1){
        for(i=0;i<slidenub;i++){
            $(".slide .img:eq("+i+")").addclass("img3");
        }
    }
    if(slidenub==2){
        for(i=0;i<slidenub;i++){
            $(".slide .img:eq("+i+")").addclass("img"+(i+3));
        }
    }
    if(slidenub==3){
        for(i=0;i<slidenub;i++){
            $(".slide .img:eq("+i+")").addclass("img"+(i+2));
        }
    }
    if(slidenub>3&&slidenub<6){
        for(i=0;i<slidenub;i++){
            $(".slide .img:eq("+i+")").addclass("img"+(i+1));
        }
    }
    if(slidenub>=6){
        for(i=0;i<slidenub;i++){
            if(i<5){
               $(".slide .img:eq("+i+")").addclass("img"+(i+1)); 
            }else{
                $(".slide .img:eq("+i+")").addclass("img5"); 
            }
        }
    }


    //根据轮播图片数量设定轮播图按钮数量
    if(slidebt){
        for(i=1;i<=slidenub;i++){
            $(".slide-bt").append("<span data-slide-bt='"+i+"' onclick='tz("+i+")'></span>");
        }
        $(".slide-bt").width(slidenub*34);
        $(".slide-bt").css("margin-left","-"+slidenub*17+"px");
    }


    //自动轮播
    if(autolb){
        setinterval(function(){
        right();
    }, autolbtime*1000);
    }


    if(touch){
        k_touch();
    }
    slideli();
    imgclickfy();
})


//右滑动
function right(){
    var fy = new array();
    for(i=0;i<slidenub;i++){
        fy[i]=$(".slide .img[data-slide-imgid="+i+"]").attr("class");
    }
    for(i=0;i<slidenub;i++){
        if(i==0){
            $(".slide .img[data-slide-imgid="+i+"]").attr("class",fy[slidenub-1]);
        }else{
           $(".slide .img[data-slide-imgid="+i+"]").attr("class",fy[i-1]); 
        }
    }
    imgclickfy();
    slideli();
}


//左滑动
function left(){
    var fy = new array();
    for(i=0;i<slidenub;i++){
        fy[i]=$(".slide .img[data-slide-imgid="+i+"]").attr("class");
    }
    for(i=0;i<slidenub;i++){
        if(i==(slidenub-1)){
            $(".slide .img[data-slide-imgid="+i+"]").attr("class",fy[0]);
        }else{
           $(".slide .img[data-slide-imgid="+i+"]").attr("class",fy[i+1]); 
        }
    }
    imgclickfy();
    slideli();
}


//轮播图片左右图片点击翻页
function imgclickfy(){
    $(".slide .img").removeattr("onclick");
    $(".slide .img2").attr("onclick","left()");
    $(".slide .img4").attr("onclick","right()");
}


//修改当前最中间图片对应按钮选中状态
function slideli(){
    var slidelist = parseint($(".slide .img3").attr("data-slide-imgid")) + 1;
    $(".slide-bt span").removeclass("on");
    $(".slide-bt span[data-slide-bt="+slidelist+"]").addclass("on");
}


//轮播按钮点击翻页
function tz(id){
    var tzcs = id - (parseint($(".slide .img3").attr("data-slide-imgid")) + 1);
    if(tzcs>0){
        for(i=0;i<tzcs;i++){
            settimeout(function(){
              right();  
            },1);
        }
    }
    if(tzcs<0){
        tzcs=(-tzcs);
        for(i=0;i<tzcs;i++){
            settimeout(function(){
              left();  
            },1);
        }
    }
    slideli();
}


//触摸滑动模块
function k_touch() {
    var _start = 0, _end = 0, _content = document.getelementbyid("slide");
    _content.addeventlistener("touchstart", touchstart, false);
    _content.addeventlistener("touchmove", touchmove, false);
    _content.addeventlistener("touchend", touchend, false);
    function touchstart(event) {
        var touch = event.targettouches[0];
        _start = touch.pagex;
    }
    function touchmove(event) {
        var touch = event.targettouches[0];
        _end = (_start - touch.pagex);
    }

    function touchend(event) {
        if (_end < -100) {
            left();
            _end=0;
        }else if(_end > 100){
            right();
            _end=0;
        }
    }
}