<script type="text/javascript">

window.onload=function (){

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

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

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

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

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

var index=1;

var timer;

function showButton(){

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

        if(buttons[i].className=='on'){

            buttons[i].className='';

break;

}

        }

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

}

function animate(offset){

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

var time=300;

var interval=15;

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{

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

if(newLeft> -1000){

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

}

                if(newLeft< -5000){

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

}

               }

           }

               go();

}

    next.onclick=function (){

           if(index==5){

               index=1;

}

           else{

               index +=1;

}

    showButton();

animate(-1000);

}

    prev.onclick=function (){

        if(index==1){

            index=5;

}

           else{

               index -= 1;

}

           showButton();

animate(1000);

}

    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=-1000 *(myIndex -index);

animate(offset);

index=myIndex;

showButton();

}

        }

function play() {

timer = setInterval(function(){

next.onclick();

},3000);

}

function clear() {

clearInerval(timer);

}       

        ontainer.onmouseover = clear;

        container.onmouseout = play;

        play();

    }

</script>