// JavaScript for menu
//alert("menu.js loaded");
var menu = null;
var browser = null;
//var menuBox = null;

function popup(page)
{
	var newWindow = window.open(page,"CMASS","resizable=yes,toolbar=yes,status=no,height=600,width=450,scrollbars=yes",true);
} //popup window.open()


function styleForBrowser()
{
	var browserName = navigator.appName;
	var browserVersion = parseInt(navigator.appVersion);
	if (browserName == "Netscape")
	{	browser="nn";
		document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/menu_nn.css\">\n");	
	}else if (browserName == "Microsoft Internet Explorer")
	{	browser="ie";
		document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/menu.css\">\n");	
	}else 
	{	browser="unknown";alert("unknow browser");
		document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/menu.css\">\n");	
	}//alert(browserName);
}

function hideObjects()
{
	var objs = document.getElementsByName("menuLevel2");
	//alert(objs.length);
	for(var i=0;i<objs.length;i++){hideObject(objs[i]);}
	return;
}

function hideObject(obj)
{
	obj.style.display = "none";	
	return;
}
function showMenu(currObject,toShow)
{
	//hideObjects();
	//alert(currObject.nextSibling);
	// alert(currObject.nextSibling.nodeName);
	
	currObject=currObject.getElementsByTagName('div')[0];

	if (currObject!=null && currObject.toString().indexOf("[object")>=0)
	{
		//currObject.style.display = (currObject.style.display!="block"?"block":"none") ;
		//alert(currObject.id =="serviceMenu") ;
		if(currObject.id =="serviceMenu") 
		{
			currObject.style.display =toShow?"block":"none" ;
		}else
		{
			currObject.style.display = toShow?"block":"none" ;
		}
	}//alert(currObject.className);
	
}

function item(name,link,target,subItem,styleClass)
{
	this.name	= name;
	this.link	= link;
	this.target	= target;
	this.subItem = subItem;	
	this.styleClass = styleClass;	
	
}
function loadMenuItem()
{ 
//	alert("loadMenuItem loaded");
	
	menu = new Array();
	var subItem = null;
	var subsubItem = null;
	
	//youth
	subItem = new Array();
	subItem[0] = new item("華基堂青年中心","http://202.85.228.38/yc.html","new",null,null);
	menu[0]	= new item("青少年服務","service-youth.html",null,subItem,"service-youth");
	
	//family
	subItem = new Array();
	subItem[0] = new item("輔導成長中心","web/pgcc/index.html",null,null,null);
	subItem[1] = new item("康怡堂家庭服務中心","http://www.kac.org.hk/kacsfc.html","new",null,null);
	subItem[2] = new item("北角堂家庭服務中心","http://www.npac.org.hk/family/","new",null,null);
	subItem[3] = new item("愉景灣堂服務中心","http://centre.dbac.org.hk/","new",null,null);
	subItem[4] = new item("沙田社區服務中心","http://centre.shatinalliance.org.hk/Main/front.php","new",null,null);
	subItem[5] = new item("東涌堂服務中心","http://www.tcac.org.hk/","new",null,null);
	subItem[6] = new item("元基家庭服務中心","http://fsc.yuenkei.org.hk","new",null,null);
    menu[1]	= new item("家庭/輔導服務","service-family.html",null,subItem,"service-family");
	
	//elderly
	subsubItem = new Array();
	subsubItem[0] = new item("第一期(2010年7月)","http://www.cmasshk.org/web_elderly/publish/201007.pdf","new",null,null);;
	subItem = new Array();
	subItem[0] = new item("長亨長者鄰舍中心","web_elderly/cheunghang/index.html",null,null,null);
	subItem[1] = new item("油麗長者鄰舍中心","web_elderly/yaulai/index.html",null,null,null);
	subItem[2] = new item("利福長者鄰舍中心","web_elderly/leifook/index.html",null,null,null);
	subItem[3] = new item("景林長者鄰舍中心","web_elderly/kinglam/index.html",null,null,null);
	subItem[4] = new item("海濱花園耆學軒","web_elderly/rivieragarden/index.html",null,null,null);
	subItem[5] = new item("翠樂長者睦鄰中心","web_elderly/tsuilok/index.html",null,null,null);
	subItem[6] = new item("攜手宣健樂安康","web_elderly/song/index.html",null,null,null);
	subItem[7] = new item("天糧網-短期食物援肋服務","web_elderly/DMN/index.html",null,null,null);
	subItem[8] = new item("義工通訊","web_elderly/publish/index.html",null,subsubItem,"service-elderly-publish");
	subItem[9] = new item("耆伴同行","web_elderly/support/index.html",null,null,null);
	menu[2]	= new item("長者服務","service-elderly.html",null,subItem,"service-elderly");
	
	//child parent
	subItem = new Array();
	subItem[0] = new item("興耀服務中心","http://www.tmacfs.org/hing_yiu/","new",null,null);
	subItem[1] = new item("維港灣互助幼兒中心","web_childcare/cooperate/index.html",null,null,null);
	menu[3]	= new item("兒童成長/家長支援","service-childandparent.html",null,subItem,"service-childParent");
	
	//kinder
	subItem = new Array();
	subItem[0] = new item("富山幼兒學校","web_childcare/fushan/index.html",null,null,null);
	subItem[1] = new item("沙田幼兒學校","web_childcare/shatin/index.html",null,null,null);
	subItem[2] = new item("利東幼兒學校","web_childcare/leitung/index.html",null,null,null);
	subItem[3] = new item("海怡幼兒學校","web_childcare/southhorizons/index.html",null,null,null);
	subItem[4] = new item("寶湖幼兒學校","web_childcare/plovercove/index.html",null,null,null);
	subItem[5] = new item("天頌幼兒學校","web_childcare/tinchung/index.html",null,null,null);
	menu[4]	= new item("幼兒服務","service-kids.html",null,subItem,"service-kids");
	
	//other
	subItem = new Array();
	subItem[0] = new item("自修室","service-other-studyroom.html",null,null,null);
	menu[5]	= new item("其他服務","service-other.html",null,subItem,"service-other");
	
	
	// view menu script
	//alert("Menu size : "+menu.length);
	//for (var i=0;i<menu.length;i++)
	//alert("Menu 0 : "+getMenuItem(menu[i]));
	
}

function loadServiceMenu()
{
	loadMenuItem();
	var menuText = "" ;
	var serviceMenuDIV = document.getElementById("serviceMenu");
	serviceMenuDIV.onmouseout="hideObject(this);";
	serviceMenuDIV.style.display = "none";

		
	menuText += "<table cellspacing=0>\n";
	for(var i=0;i<menu.length;i++)
	{
		menuText += getMenuItem(menu[i]);
	}
	menuText += "</table>\n";
	//alert(menuText);
	serviceMenuDIV.innerHTML = menuText;
	
	//var objs = document.getElementsByName('menuLevel2');
	//alert(objs.length);
	//for (var i=0;i<objs.length;i++){objs[i].onmouseout="hideObject(this);";}//*/
}


function getLink(name,link,target)
{
	var targetText = (target==null?"":"target=\""+target+"\"");
	
	var link = "<a "+targetText+" href=\""+link+"\" >"+name+"</a>";
	return link;
}

function getMenuItem(item)
{
	var name,link,target;
	name = item.name;
	link = item.link;
	target = item.target;
	subItem = item.subItem;
	styleClass = item.styleClass;
	hasSubItem = (subItem!=null);
	
	var linkText = getLink(name,link,target);
	var viewItemScript =" onmouseover=\"hideObjects();showMenu(this,true);\" onmouseout=\"showMenu(this,false);hideObjects();\" ";
	//var viewItemScript = !hasSubItem?"":" onmouseover=\"showMenu(this)\" onmouseout=\"showMenu(this)\"";
	var itemText = "";
	itemText += "<tr>\n";
	itemText += "\t<td"+viewItemScript+" height=\"25\">"+"";
	if(hasSubItem)
	{
		var styleName = styleClass==null?"":" class=\""+styleClass+"\"";/*style=\"display:none\"*/ 
		itemText += "\n\t\t<div name=\"menuLevel2\" "+styleName+" onmouseout=\"hideObject(this)\">";
		itemText += "\n\t\t<table cellspacing=0>";
		for(var i=0;i<item.subItem.length;i++)
		{
			itemText += "\n\t\t\t";
			itemText += "\n\t\t\t"+getMenuItem(item.subItem[i]);
			itemText += "\n\t\t\t";
		}
		itemText += "\n\t\t</table>";
		itemText += "\n\t\t</div>\n";
	}
	
	itemText += linkText+"\t</td>\n";
	itemText += "</tr>\n";
	return itemText;

}