window.onload = function (){
	
	//選單
	if(gid('menu')){
		var samenu1 = new samenu('menu');
		samenu1.init();
	}
	

}
function gid(e){return document.getElementById(e);}


/******************************/
/* 		Menu
*******************************/
//切換選單功能 pickMenu('menu',3,3);


//選單
function samenu(id){
	this.menus = document.getElementById(id).getElementsByTagName("dd");
	this.subs = document.getElementById(id+'Sub').getElementsByTagName("dl");
	this.init = init;
	this.menuReset = menuReset;
	this.subsReset = subsReset;
	
	function init(){
		subs = this.subs;
		menus = this.menus;

		//第一層		
		for(i=0; i<menus.length; i++){			
			menus[i].getElementsByTagName('a')[0].onclick = function() {
				menuReset();			
				this.parentNode.className = 'current';
				//關閉第二層全部
				for(k=0;k<subs.length;k++){					
					subs[k].className == 'current' ? subs[k].className ='':'';					
				}
				subsReset();			
				//打開第二層				
				subs[this.name].className = 'current';	
				showDT(subs[this.name],0);				
			}
		}
		//第三層
		for(j=0; j<this.subs.length; j++){
			var dtSub = this.subs[j].getElementsByTagName('dt');
			//第二層onclick
			for(m=0; m< dtSub.length; m++){							
				dtSpan1 = dtSub[m].getElementsByTagName('span')[0];
				dtSpan1.onclick = function (){
					if(this.parentNode.className == 'current'){
						subsReset();
						this.parentNode.className = 'current';//點擊不取消
					}else{
						subsReset();						
						this.parentNode.className = 'current';	
					}					
				}
			}		
		}

	}	
	
	//打開第二層第幾個
	function showDT(obj,n){
		obj.getElementsByTagName('dt')[n].className = 'current';
	}
	//第一層選單重設
	function menuReset(){
		var menus = document.getElementById(id).getElementsByTagName("dd")
		for(i=0; i<menus.length; i++){
			menus[i].className = '';
		}
	}
	//第二層選單重設
	function subsReset(){
		var subs = document.getElementById(id+'Sub').getElementsByTagName("dl");			
		for(i=0; i<subs.length; i++){		
			var dtsub = subs[i].getElementsByTagName('dt');
			for(m=0; m< dtsub.length; m++){				
				dtsub[m].className = '';	
			}
		}
	}
	// $("dl.current .multilayer a").click(function() {
	// 	$("dl.current dt").removeClass('current');
	// 	$(this).parents("dt").addClass('current')
	// });

	$(".sub_wp a").click(function() {
		$(".sub_wp a").removeClass('current');
		$(this).addClass('current')
	});
	$(".multilayer a").click(function() {
		$(".multilayer a").removeClass('current');
		$(this).parents().find('.sub_wp a:first-child').addClass('current')
	});
}