jQuery(function($){
//	var a =$(".box4").height();
//	alert(a);
	$("input:button").hover(
	function () {
	$(this).addClass("btn_hover");
	},
	function () {
	$(this).removeClass("btn_hover");
	}); 
	var num = 3;
	var index = 0;
	var tmp = 0;
	$("#photolists a:eq(0)").css("display","inline");
	$("#photolists img:eq(0)").css("display","inline");
	$("#photolists").append('<div id="photonum"></div>');
	for(i=0;i<num;i++){
		$("#photonum").append("<li>"+(i+1)+"</li>");
	}
	$("#photonum li:eq(0)").css("background","#F00");
	//自动播放
	var MyTime = setInterval(function(){
		index++;
		ChangeImages(index);
		if(index==num-1){index=-1;}
	} , 5000);
	//滑动导航改变内容	
	$("#photonum li").hover(function(){ 
		tmp  =  $("#photonum li").index(this);
		MyTime = setTimeout(function(){
			index = tmp;
			ChangeImages(index);
		} , 300);
	}, function(){
		clearTimeout(MyTime);
	});
	//滑入 停止动画，滑出开始动画.
	$('#photolists').hover(function(){
		if(MyTime)clearInterval(MyTime);
		},function(){
			MyTime = setInterval(function(){
			index++;
			if(index>num-1){index=0;}
			ChangeImages(index);
		} , 5000);
	});

	var id = $("#chan_tag");
	Action(id);

});

function ChangeImages(i) {
	$("#photolists a").hide().eq(i).show();
	$("#photolists img").hide().eq(i).fadeIn("slow");
	$("#photonum li").css("background","none").eq(i).css("background","#F00")
}

function Action(id){
	var l = id.find("li").length;
	var w = 0;
	id.find("li").wrapInner(document.createElement("span"));
	id.find("li").prepend("<span></span>");
	id.parent("#tag1").find("li").append("<span></span>");
    ShowjQueryFlash(id,0);
	for(i=1;i<l;i++){
		w = parseInt(id.find("li").eq(i-1).outerWidth()) + parseInt(id.find("li").eq(i-1).css("left"));
		id.find("li").eq(i).css("left",w);
	}
	id.find("li:eq(0)").addClass("tg_focus")
	var index = 0;
	id.find("li").hover(function(){
		index  =  id.find("li").index(this);
		ot = setTimeout(function(){
		ShowjQueryFlash(id,index);
		} , 300);
	},function(){
		clearTimeout(ot);
	});
}

function ShowjQueryFlash(id,i) {
	id.parent("#tag1").find("div").eq(i).css({"display":"block"}).siblings("div").css({"display":"none"});
	id.find("li span:first-child").removeClass().addClass("fl tg_l");
	id.find("li span:parent").addClass("fl");
	id.find("li span:last-child").removeClass().addClass("fl tg_r");
	id.find("li").removeClass("tg_focus").eq(i).addClass("tg_focus");
	id.find("li").eq(i).find("span:first-child").removeClass("tg_l").addClass("tg_focus_l");
	id.find("li").eq(i).find("span:last-child").removeClass("tg_r").addClass("tg_focus_r");
}