$(function() {
// JavaScript Document
	 var num = 0;
	 //$("#nav").hide();
		$("#nav ul li img").load(function(){
			num++;
			if (num==5)
			{
				$("#nav").show();
			}
		}).click(function(){
			
			//如果已经处于active状态，return
			if (this.className.indexOf("active")!=-1) return;
			
			//正文文字渐隐
			$("#frontText").fadeOut();
			$("#frontTextBack").fadeOut();
			$("#frontTextSub").fadeOut();
	
			//active状态的图片恢复原样
			$("li img.active").fadeTo(200,0.6)
			.removeClass("active")
			.animate({top:5,width:130,left:-5},300)
			.parent().css({"color":"#aaa"});  //
			
			//获取数据
			var i = $(this).attr("pic");
			//var t = $(this).attr("text").split("|");
			
			//当前
			$(this).animate({top:-5,width:130,height:45,left:1},100)
			.addClass("active")
			.fadeTo(200,1)
			.parent().css({"color":"white"});
	
			$("#back").children().addClass("gray").end()
						.fadeTo(500,0.1,function(){
											//var IMG = new Image();
											//IMG.s
											$(this).children("img").attr("src",i).removeClass("gray");	  //更改图片
											$(this).fadeTo(500,1,function(){
																	//$("#frontText").html(t[0]).fadeIn(200);	//更改正文文字
																	$("#frontTextBack").html('').fadeIn(200);	//阴影文字
																	//$("#frontTextSub").html(t[1]).fadeIn(200)	//副标题
																	});
											})
			})
	
		//初始第一张图片
		
		show(0);

});
function show(i){
	if (i==$("#nav ul li img").size()) i = 0
	$("li img").eq(i).click();
	i++;
	setTimeout("show("+i+")",5000);
}