// JavaScript Document
$( function(){
	var num=0;
	var timer=null;
	var index=0;
	var iLen = document.getElementById('banner').getElementsByTagName('li').length -1;
	timer=setInterval(fn,5000)
	function fn(){
		num++;
		if(num>iLen){num=0}
        $('#banner ul').stop().animate({left:num*-1068},1000)
	}
	$('#banner ul').mouseenter(function(){
		clearInterval(timer);
	})
	$('#banner ul').mouseleave(function(){
		clearInterval(timer);
		timer=setInterval(fn,5000)
	})
	//左右箭头的点击动画----------------------------------------------
	$('#banner .left').click(function(e) {
		clearInterval(timer);
		num--;
		if(num<0){num=iLen}
        $('#banner ul').stop().animate({left:num*-1068},1000)
    });
	$('#banner .right').click(function(e) {
		clearInterval(timer);
		num++;
		if(num>iLen){num=0;}
        $('#banner ul').stop().animate({left:num*-1068},1000);
    });
})