<script type="text/javascript">
$(function (){
var slid = $('ul.slide_box li'),controls = $('ul.bx-controls a');
slid.addClass('none');
slid.eq(0).removeClass('none');
var slideindex = 0;
function switchi() {
if(slideindex == slid.length - 1){
slideindex = 0;
}else {
slideindex = slideindex + 1;
}
slid.addClass('none');
slid.eq(slideindex).removeClass('none');
controls.removeClass('actives');
controls.eq(slideindex).addClass('actives');
}
var timer = setInterval(switchi, 3000);
function options(indexs) {
slid.addClass('none');
slid.eq(indexs).removeClass('none');
controls.removeClass('actives');
controls.eq(indexs).addClass('actives');
}
$('a.options').click(function(){
var drec = $(this).data('drec');
if(drec == 'pre') {
if(slideindex == 0) {
slideindex = 3;
}else {
slideindex = slideindex - 1;
}
}else {
if(slideindex == 3) {
slideindex = 0;
}else {
slideindex = slideindex + 1;
}
}
clearInterval(timer);
options(slideindex);
timer = setInterval(switchi, 3000);
});
$('ul.bx-controls li').hover(function(){
slideindex = $(this).index();
clearInterval(timer);
options(slideindex);
},function(){
timer = setInterval(switchi, 3000);
});
})
</script>