function DMenu(){};

DMenu.prototype = {
}; 

DMenu.prototype.loadMenu = function(elId,l1,l2,l3){
	var el = document.getElementById(elId);
	if(el.parentNode){
		el.parentNode.style.height="370px";
		el.parentNode.style.width="250px";	
	}
	el.style.position = "absolute";
	el.style.top="80px";
	el.style.left="90px";
	
	
	var l1Element;
	var l2Element;
	var l3Element;
	
	var menutext = 
		"<table width=\"180px\" cellspacing=\"1\" cellpadding=\"6\" border=\"0\"><tbody>";
		
	menutext += "<tr>";
	if(false){
		for(var i =0;i<dm_root.children.length;i++){
			var temp = dm_root.children[i];
			var hit;
			if(temp.id == l1){
				l1Element = temp;
				hit = true;
			}else{
				hit = false;
			}
			if(temp.id==""){
				menutext += "<td class=\"menu_list_text\" />";
			}else{
				var str="";
				if(hit){
					str = "bgcolor=\""+temp.headcolor+"\" style=\"font-weight: bold;\" ";
						
				}else{
					str = "bgcolor=\"#FFFFFF\"";
				}
				menutext += "<td class=\"menu_list_text\" "+str+" height=\"20px\">";
				menutext += "</td>";				
			}
		}
	}
	menutext += "</tr>";
	
	menutext += "<tr>";
	if(true){
		for(var i =0;i<dm_root.children.length;i++){
			var temp = dm_root.children[i];
			var hit;
			if(temp.id == l1){
				l1Element = temp;
				hit = true;
			}else{
				hit = false;
			}
			if(temp.id==""){
				menutext += "<td class=\"menu_list_text\" />";
			}else{
				var str="";
				var menuMark = "";
				if(hit){
					str = "style=\"font-weight: bold;\" ";
					menuMark = "menu_mark";
				}else{
					str = "bgcolor=\""+temp.nonpathbgcolor+"\"";
					menuMark="";
				}
				menutext += "<td class=\"menu_list_text "+menuMark+"\" "+str+" >";
				
				menutext += "<a class=\"menu_list_text\" href=\""+temp.href+"\">"+temp.getBRLabel()+"</a>";
				menutext += "</td>";					
			}
		}
	}
	menutext += "</tr>";
	
	menutext += "<tr>";
	if(l1Element){
		for(var i =0;i<l1Element.children.length;i++){
			var temp = l1Element.children[i];
			var hit;
			if(temp.id == l2){
				l2Element = temp;
				hit = true;
			}else{
				hit = false;
			}
			if(temp.id==""){
				menutext += "<td class=\"menu_list_text\" />";
			}else{
				var str="";
				if(hit){
					str = "bgcolor=\""+temp.pathbgcolor+"\" style=\"font-weight: bold;\" ";
				}else{
					str = "bgcolor=\""+temp.nonpathbgcolor+"\"";
				}
				menutext += "<td class=\"menu_list_text\" "+str+" >";
				
				menutext += "<a class=\"menu_list_text\"  "+str+" href=\""+temp.href+"\">"+temp.getBRLabel()+"</a>";
				menutext += "</td>";					
			}
		}
	}
	menutext += "</tr>";
	
	menutext += "<tr>";
	if(l2Element){
		for(var i =0;i<l2Element.children.length;i++){
			var temp = l2Element.children[i];
			var hit;
			if(temp.id == l3){
				l3Element = temp;
				hit = true;
			}else{
				hit = false;
			}
			if(temp.id==""){
				menutext += "<td class=\"menu_list_text\" />";
			}else{
				var str="";
				if(hit){
					str = "bgcolor=\""+temp.pathbgcolor+"\" style=\"font-weight: bold;\" ";
				}else{
					str = "bgcolor=\""+temp.nonpathbgcolor+"\"";
				}
				menutext += "<td class=\"menu_list_text\" "+str+" >";
				
				menutext += "<a class=\"menu_list_text\"  "+str+" href=\""+temp.href+"\">"+temp.getBRLabel()+"</a>";
				menutext += "</td>";				
			}
		}
	}
	menutext += "</tr>";
	
	
	
	menutext += "</tbody></table>";
	el.innerHTML = menutext;
	
}

function MenuItem(id,label,href,pathbgcolor,nonpathbgcolor,headcolor){
	this.id = id?id:"";
	this.label = label?label:"";
	this.href = href?href:"";
	this.children = new Array();
	this.pathbgcolor = pathbgcolor?pathbgcolor:"#FFFFFF";
	this.nonpathbgcolor = nonpathbgcolor?nonpathbgcolor:"#FFFFFF";
	this.headcolor = headcolor?headcolor:"#FFFFFF";
	
	var h = "";
	if(this.href.indexOf("http://")!=0){
		this.href = this.href;//"/theone"+this.href;
	}
	
	
};
MenuItem.prototype.addChild = function(item){
	this.children[this.children.length] = item;
}
MenuItem.prototype.getBRLabel = function(){
	var brLabel ="";
	var l = this.label.length;
	for(var i=0;i<l;i++){
		brLabel += this.label.charAt(i);
		brLabel += "<br/>"
	}
	return brLabel;
}

var dm_root  = new MenuItem();
var dm_l1;
var dm_l2;
var dm_l3;

dm_l1 = new MenuItem("A"," 品牌，精神","/brand.htm");
dm_root.addChild(dm_l1);
{ 
    dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("A","Sense One","/senseone.htm");    
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
}

dm_l1 = new MenuItem("B"," 美物，設計","/shopproduct.htm");
dm_root.addChild(dm_l1);

{ 
    dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("B","產品介紹","/product_intro.htm");
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("C","銷售據點","/shop.htm");
    dm_l1.addChild(dm_l2);
}


dm_l1 = new MenuItem("C"," 美味，場域","/space.htm");
dm_root.addChild(dm_l1);
{
    dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
    dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
    
    dm_l2 = new MenuItem("C","中山概念店","/space_Jhongshan.htm");
    dm_l1.addChild(dm_l2);
    {
    	dm_l3 =  new MenuItem();
    	dm_l2.addChild(dm_l3);
    	dm_l3 =  new MenuItem("D","設計風格","/space_Jhongshan_design.htm");
    	dm_l2.addChild(dm_l3);
    	dm_l3 =  new MenuItem("E","場域租借","/space_Jhongshan_barrow.htm");
    	dm_l2.addChild(dm_l3);
    	dm_l3 =  new MenuItem("F","線上預約","http://www.theonestyle.com/appointment/space_Jhongshan_reservation.asp");
    	dm_l2.addChild(dm_l3);
    	dm_l3 =  new MenuItem();
    	dm_l2.addChild(dm_l3);
    }
    
    dm_l2 = new MenuItem("D","兩廳院人文聚場","/space_artcafe.htm");
    {
        
//        dm_l3 =  new MenuItem();
//    	dm_l2.addChild(dm_l3);
    //	dm_l3 =  new MenuItem("B","活動訊息","/action/space_artcafe_event.asp");
    //	dm_l2.addChild(dm_l3);
//    	dm_l3 =  new MenuItem("C","品酩軒","/space_artcafe_wine.htm");
//    	dm_l2.addChild(dm_l3);
//    	dm_l3 =  new MenuItem("D","設計風格","/space_artcafe_design.htm");
//    	dm_l2.addChild(dm_l3);
//    	dm_l3 =  new MenuItem("E","場域租借","/space_artcafe_barrow.htm");
//    	dm_l2.addChild(dm_l3);
//    	dm_l3 =  new MenuItem("F","線上預約","http://www.theonestyle.com/appointment/space_artcafe_reservation.asp");
//    	dm_l2.addChild(dm_l3);
    }
    
    dm_l1.addChild(dm_l2);
    dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
    dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
}

dm_l1 = new MenuItem("D"," 生活，分享","/lifeshare.htm");
dm_root.addChild(dm_l1);
{
    dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem();
 //   dm_l1.addChild(dm_l2);
//	dm_l2 = new MenuItem("B","拾樂日誌","/lifeshare.htm");
    dm_l1.addChild(dm_l2);
    dm_l2 = new MenuItem();

      dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("C","生活分享會","/theoneday.htm");
        dm_l1.addChild(dm_l2);

//	dm_l2 = new MenuItem("D","一計畫","",'#DDDDCC','#DDDDCC');
//    dm_l1.addChild(dm_l2);
//	dm_l2 = new MenuItem("E","風格誌","",'#DDDDCC','#DDDDCC');
//    dm_l1.addChild(dm_l2);
//	dm_l2 = new MenuItem("F","好站推薦","",'#DDDDCC','#DDDDCC');
//    dm_l1.addChild(dm_l2);

}

dm_l1 = new MenuItem("E"," 關於，我們","/aboutus.htm");
dm_root.addChild(dm_l1);
{
    dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("C","一的團隊","/company_people.htm");
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("D","業務範圍","/product.htm");
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("E","媒體報導","/action/media.asp");
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("F","聯絡我們","/contact.htm");
    dm_l1.addChild(dm_l2);
}

dm_l1 = new MenuItem("F"," 舊雨，新知","/member.htm");
dm_root.addChild(dm_l1);
{
    dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem();
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("E","網路會員","/e_member.htm");
    dm_l1.addChild(dm_l2);
	dm_l2 = new MenuItem("F","卡友權益","/card_member.htm");
    dm_l1.addChild(dm_l2);

}

dm_l1 = null;
dm_l2 = null;
dm_l3 = null;