// javascript document
$(function(){
	var i=0;
	var $aimg=$("#big_img li")//获取大图的集合
	var $abar=$("#slidebar li");
	function show(){
		$abar.eq(i).addclass("focus").siblings().removeclass("focus");//小图
		$aimg.eq(i).css("z-index",1).siblings().css("z-index",0);
		$aimg.eq(i).fadein().siblings(800).fadeout(800);
	}
	function slide(){
		if(i<$aimg.length-1){
			i++;
		}else{
			i=0
		}
		show();
	}
	function prev(){
		if(i>0){
			i--;
		}else{
			i=$aimg.length-1
		}
		show();
	}	
	timer1=setinterval(slide,3000);
	$abar.hover(function(){
		clearinterval(timer1);
		i=$abar.index($(this));
		show();	
	},function(){
		clearinterval(timer1);
		timer1=setinterval(slide,3000);
	})
	$("#img_show .prev").click(function(){
		clearinterval(timer1);
		prev();	
	})
	$("#img_show .next").click(function(){
		clearinterval(timer1);
		slide();	
	})
	$("#img_show .prev").mouseout(function(){
		clearinterval(timer1);
		timer1=setinterval(slide,3000);
	})
	$("#img_show .next").mouseout(function(){
		clearinterval(timer1);
		timer1=setinterval(slide,3000);
	})
})