$(function(){
	    var width=$('.cont img').css("width");
	    var height=width.substr(0,width.length-2)*0.31+"px";
	    var bannerheight=(width.substr(0,width.length-2)*0.31)+"px"
	    $('.cont img').css("height",height);
	    $('.banner .cont').css("height",height);
	    $('.banner').css("height",bannerheight);
	    
		$('.cont ul li').mouseover(function(){
			//show() =>  fadein()  渐渐显示
			//hide() =>  fadeout()   渐渐隐藏
			var z=$(this).index();   //z：记录第几个li
			$(this).addclass('cur').siblings('li').removeclass('cur');
			$('.cont img').eq(z).fadein().siblings('img').fadeout()
			num=z
		})
		//点击切换（先右侧）
		var num=0;
		$('.cont .next').click(function(){
			if(num<3){
					num++   //点一次加一次
			}else{
				num=0
			}
			$('.cont img').eq(num).fadein().siblings('img').fadeout();
			$('.cont ul li').eq(num).addclass('cur').siblings('li').removeclass()	
		})
		$('.cont .prev').click(function(){
			if(num>0){
					num--   //点一次加一次
			}else{
				num=3
			}
			$('.cont img').eq(num).fadein().siblings('img').hide();
			$('.cont ul li').eq(num).addclass('cur').siblings('li').removeclass()		
		})
		var timer=setinterval(function(){   //变量timer  为该定时器名
			$('.cont .next').click()
		},3000)	   
		$('.cont').mouseover(function(){
			clearinterval(timer)               //停止定时器		
		})		
		$('.cont').mouseout(function(){
			timer=setinterval(function(){  
			$('.cont .next').click()
		},3000)			
		})
	})