function SwitchFun(PicVal){
	  if(PicVal == nowPic) return;
	  nowPic = PicVal;
		$("#frontText").fadeOut();
		$("#frontTextBack").fadeOut();
		$("#frontTextSub").fadeOut();

		$("li img.active").fadeTo(200,0.6)
		        .removeClass("active")
		        .animate({top:5,width:52,left:10},300)
		        .parent().css({"color":"#fff"});
		
		var t = $("li img[pic=" + PicVal + "]").attr("text").split("|");

		$("li img[pic=" + PicVal + "]").animate({top:-5,width:70,height:40,left:1},100)
		        .addClass("active")
		        .fadeTo(200,1)
		        .parent().css({"color":"white"});

		$("#back").children().addClass("gray").end();
		$("#back").children().fadeTo(500,0.1,function(){
										$("#back").children().attr("src","images/"+nowPic+".jpg").removeClass("gray");
										$("#back").children().fadeTo(500,1,function(){
																$("#frontText").html(t[0]).fadeIn(200);	
																$("#frontTextBack").html(t[0]).fadeIn(200);
																$("#frontTextSub").html(t[1]).fadeIn(200);}
																);
										});
};

function SwitchFunAuto(PicVal){
  if(autoFlag == 1)
  {
    SwitchFun(PicVal);
  }
  autoFlag = 1;
  setTimeout("SwitchFunAuto(" + (nowPic * 1 + 1 > $("li img").size()?1:nowPic * 1 + 1) +");",4000);
}


$("#nav").hide();
var nowPic = 0;
var autoFlag = 1;
$(document).ready(function(){
	$("li img").click(function(){
	  if(nowPic > 0)
	  {
	    autoFlag = 0;
	    SwitchFun($(this).attr("pic"));
	  }
	  else
	  {
	    SwitchFunAuto($(this).attr("pic"));
	  }
	});
	$("#nav").show();
	$("li img:first").click();
});

	document.oncontextmenu   =  function(e){return false}
	
	if (self.location.search!=""){
		var V = self.location.search;
		V = V.substr(1,V.length);
		eval(V);
		var json ="{";
		if (option.skin==0)
			$("#mask").hide();
		if (option.animate == 0){
		$("#nav ul").hide();
		}
		$("#nav").width(option.width?option.width:860);
		$("#nav").height(option.height?option.height:300);
		$("#back img").width($("#nav").width());
		$("#back img").height($("#nav").height());
		$(self.parent.document.getElementById("splash")).children().height($("#nav").height()).width($("#nav").width());
	}