window.onload=function(){

var container=document.getElementById('container');

var list=document.getElementById('list');

var buttons=document.getElementById('button').getElementsByTagName('span');

var prev=document.getElementById('prev');

var next=document.getElementById('next');

var index=1; 

var animated=false;

    //按钮高亮

    function showButton(){

    for (var i = 0; i < buttons.length; i++) {

    buttons[i].className='';

    }

    buttons[index-1].className='on';

    }

    //驱动left的变化,切换图片

    function animate(offset){

    animated=true;

    var newLeft=parseInt(list.style.left)+offset;

        var time=200;//位移总时间

        var interval=10;//位移间隔时间

        var speed =offset/(time/interval);//每次位移量

        //位移之前的判断函数，是否位移

        function go(){

        //向左移动&&获取值大于目标值

        if( (speed<0 && parseInt(list.style.left)>newLeft)||(speed>0 && parseInt(list.style.left)<newLeft) ){

        list.style.left=parseInt(list.style.left)+speed+'px';

        setTimeout(go,interval);

        }else{

        animated=false;

        list.style.left=newLeft+'px';

        if (newLeft>-600) {

        list.style.left=-3000+'px';

        }

        if(newLeft<-3000){

        list.style.left=-600+'px';

        }

        }

        } 

        go();

    } 

        //右按钮单击

        next.onclick=function(){

        if (index==5) {

        index=1;

        }else{

        index+=1;

        }     

        showButton();

        if (!animated) {

          animate(-600);

        }

        }

        //左按钮单击

        prev.onclick=function(){

        if (index==1) {

        index=5

        }else{

        index-=1;

        }

        showButton();

        if (!animated) {

        animate(+600);

        }     

        }

        for (var i = 0; i < buttons.length; i++) {

        buttons[i].onclick=function(){

        if(this.className=='on'){

        return;

        }

        var myIndex=parseInt(this.getAttribute('index'));

        var offset=-600*(myIndex-index);

        index = myIndex;

        showButton();

        if (!animated) {

        animate(offset);

        }

        }

        }

    }