// JavaScript Document
$(document).ready(function(){
	var m=$("#nav li").size();
	var index;
	var t;
	var imglen=$("#wallpaper img").size();
	
	$("#wallpaper").hide();
	
	$("#menuBar").hide();
	$("#nav li:not(:first-child)").hover(
	  function (){
		$("#menuBar").animate({height: '40px',opacity:'0.8'}, 400);
		index=$("#nav li").index(this);
		$("#nav li").eq(index).find("dl").fadeIn(1000);
		if(index==3){
			$("#nav li").eq(index).addClass("news");
		}
		switch(index){
			case 3:
				$("#nav li").eq(index).addClass("news");
				break;
			case 4:
				$("#nav li").eq(index).addClass("down");
				break;
			
			case 5:
				$("#nav li").eq(index).addClass("con");
				break;
			default:
				$("#nav li").eq(index).addClass("hover");
			}
		
	  },
	  function(){
		  $("#nav li").eq(index).removeClass("down");
		  $("#nav li").eq(index).removeClass("hover");
		  $("#nav li").eq(index).removeClass("news");
		  $("#nav li").eq(index).removeClass("con");
		  $("#menuBar").stop();		  
		  $("#menuBar").animate({height: '0px',opacity:'toggle'}, 200);		  
		  $("#menuBar").hide();
		  $("#nav li").eq(index).find("dl").hide();
		  $("#wallpaper").hide();
		  //$("#wallpaper").animate({height: '0px',opacity:'0.0'}, 100);
	  }
	); 
	
	$("#ImageInfo dd").hover(
	 function(){
		 t=$("#ImageInfo dd").index(this);
		 $("#wallpaper img").hide();
		$("#wallpaper img").eq(t).show();
		 //$("#wallpaper").animate({height: '350px',opacity:'1.0'}, 300);
		 $("#wallpaper").show();
		 },
		 function(){
			 $("#wallpaper img").hide();
			  //$("#wallpaper").animate({height: '0px',opacity:'0.0'},100);	
			
		}
	 );
	
	
	
	
	//ͼƬչʾ
	
	
	$("#showImage div").hide();
	var n=0;
	var len=$("#showImage div").size();
	$("#showImage div").hide();
	function setShowImage(index){
		n=index;
		play(index);
	}
	function play(index){
		$("#showImage div").hide();
		$("#pageText li").removeClass("hover");
		$("#pageText li").eq(index).addClass("hover");
		$("#showImage div").eq(index).fadeIn("slow");
	}
	function showAuto(){
		if(n<len-1){
			n++;
		}else{
			n=0;
		}
		setShowImage(n)		
	}
	v = setInterval(showAuto, 3000);
	setShowImage(n);
	$("#showBanner").append(smallNum());
	$("#showPro").append(smallImage());
	
	$("#pageText li").hover(
	  function () {
		  var i=$("#pageText li").index(this);
		  n=i;
		  setShowImage(i);
		  clearInterval(v);
	  },
	  function () {
		v = setInterval(showAuto, 3000);
	  }
	);
	function smallImage(){
		var html='<div id="pageImage">'
		html+='<table width="100%" border="0" cellspacing="1" cellpadding="0">';
		html+='<tr>';
		//html+='<td class="btn" id="previous"><a href="javascript:void(0)">Pro</a></td>';
		html+='<td>';
		html+='<ul class="mypage" id="pageText">';
		
		for(var i=0;i<len;i++){
			html+='<li>'+$("#showImage div").eq(i).html()+'</li>';
			}
					
		html+='</ul>'
		html+='</td>';
		//html+='<td class="btn" id="next"><a href="javascript:void(0)">Next</a></td>';
		html+'</div>';
		return html;		
	}
	function smallNum(){
		var html='<div id="pageImage">';
		html+='<table width="50" border="0" cellspacing="1" cellpadding="0">';
		html+='<tr>';
		html+='<td>';
		html+='<ul class="myNumpage" id="pageText">';
		for(var i=1;i<=len;i++){
			html+='<li>'+i+'</li>';
			}
		html+='</ul>';
		html+='</td>';
		html+'</div>';
		
		return html;	
		}
	
})