﻿$(document).ready(function(){	
	var t=false;
	var j=0;	
	$("#btn").find("span").each(function(i){
	$("#btn").find("span").eq(i).mouseover( 
		function(){
		var cur=$("#img").find("img:visible").parent().prevAll().length;
		//alert(cur);
		if(i!==cur){
		j=i;
		$(this).addClass("hov").siblings().removeClass("hov");
		$("#img").find("img:visible").fadeOut(200,
			function(){
				$("#img").find("img").eq(i).fadeIn(300,function(){
					$("#msg").find("li:visible").hide();
					$("#msg").find("li").eq(i).show();					
					})				
				});	
		}}		
		)
	
	})
	
var $func_play=function(){			
			$("#btn").find("span").eq(j).mouseover()
			j++;
			if(j==8){j=0;}		
		}
		t=setInterval($func_play,4000);
		$("#imgnav").hover(function(){
			clearInterval(t);
			//j=$("#img").find("img:visible").parent().prevAll().length+1;
			return j;
			},function(){
				t=setInterval($func_play,4000);
				})

})
