var num=0;
$(function(){ 
		   $(".nav li").click(function(){
			$(this).children("a").addClass("sel").blur().end().siblings().children("a").removeClass();						   
			})
		   var showPic=setInterval(changePic,4000);
			$(".banner_list").hover(function(){
			clearInterval(showPic);					   
			},function(){
			showPic=setInterval(changePic,4000);				   
			})
		   var oLi=$(".small_list>ul>li");
		   oLi.click(function(){
			index=oLi.index(this);
			num=index;
			$(".banner_list").animate({"marginLeft":-index*800},500);
			$(".small_list>ul>li").eq(index).addClass("addbg").siblings().removeClass();
			show(num);
			})
		   $(".bow_l").click(function(){
					if(num>=1){
					$(".banner_list").animate({"marginLeft":"+="+800},500);	
					num--;
					$(".small_list>ul>li").eq(num).addClass("addbg").siblings().removeClass();
					show(num);
					}
			})
		   $(".bow_r").click(function(){
					if(num<3){
					
					$(".banner_list").animate({"marginLeft":"-="+800},500);	
					num++;
					$(".small_list>ul>li").eq(num).addClass("addbg").siblings().removeClass();
					  show(num);
					}
			})
		   
 })
function changePic(oN){
	num++;
	if(num<4){
	$(".banner_list").animate({"marginLeft":"-="+800},500);
	$(".small_list>ul>li").eq(num).addClass("addbg").siblings().removeClass();
	show(num);
	}else{
		num=0;
		$(".banner_list").animate({"marginLeft":0},500);
		$(".small_list>ul>li").eq(num).addClass("addbg").siblings().removeClass();
		show(num);
		}
	}
function show(oNum){
	  if(oNum==0){
	  $(".bow_l").addClass("left_gray");
	  $(".bow_r").removeClass("right_gray");
	  }if(oNum==3){
	  $(".bow_r").addClass("right_gray");
	  $(".bow_l").removeClass("left_gray");
	  }if(oNum==1||oNum==2){
	  $(".bow_l").removeClass("left_gray");
	  $(".bow_r").removeClass("right_gray");
	  }	
	}