$(function(){
	
	var i,left,right,box,boxli,boxleng,width,dot,first,last,isauto;
	
	i = 0; 
    
	left = $(".homeleft"); 
	
	right = $(".homeright");
	
	box = $(".homebanner ul");
	
	boxli = $(".homebanner li");
	
	dotbox = $(".homedot");
	
	dot = $(".homedot").find("a");
	
	width = boxli.width();
	
	boxleng = boxli.length;
	
	box.css({width:width*(boxleng)})
	
	boxli.css({width:width});
	
	dot.eq(0).addclass("cur");
	
	boxli.eq(0).addclass("cur");
	
	boxli.each(function(index) {
       zindex = boxleng-(index+1);
	   $(this).css({"z-index":zindex})
    });
	
	isauto = true;
	
	left.click(function(){
		if(box.is(":animated")){return}
		i--;
		if(i<0){i=boxleng-1};
		boxanimate();
		
	})
	
	right.click(function(){
		if(box.is(":animated")){return}
		i++;
		boxanimate();
	})
	
	function boxanimate(){
		if(i>boxleng-1){i=0}		
		boxli.addclass("cur1");
		settimeout(function(){
			boxli.removeclass("cur1");
			boxli.removeclass("cur").eq(i).addclass("cur");
			boxli.stop().animate({opacity:0,"z-index":"1"},500).eq(i).stop().animate({opacity:1,"z-index":boxleng},500);
			bannerdot(i)
		},400)	
	}
	
	function bannerdot(i){
		if(i>boxleng-1){i=0}
		dot.removeclass("cur").eq(i).addclass("cur");
	}

	dot.click(function(){
		i = $(this).index();
		bannerdot(i);
		boxanimate(i);
	})
	
	setinterval(function(){
		if(isauto){
			i++;
			boxanimate();
			bannerdot(i)
		}
	},6000)
	
	box.hover(function(){
		isauto = false;
	},function(){
		isauto = true;
	})
	
	dotbox.hover(function(){
		isauto = false;
	},function(){
		isauto = true;
	})
	
	left.hover(function(){
		isauto = false;
	},function(){
		isauto = true;
	})
	
	right.hover(function(){
		isauto = false;
	},function(){
		isauto = true;
	})
	
	
	
})