/**
 *
 * Menu displayed in SLCSS Web Site 
 *
 */
function popupschsong() {
window.open("song/school_song.htm","SLCSS","toolbar=no,scrollbars=no,resizable=yes,width=600,height=360")
}

function popuphkac2008() {
window.open("archive/2007/hkac/index.html","HKAC","toolbar=yes,scrollbars=no,resizable=yes,width=800,height=531")
}

function popupvshow() {
window.open("archive/2007/vshow/index.html","VShow","toolbar=yes,scrollbars=no,resizable=yes,width=800,height=531")
}

function popupcampustv() {
window.open("campustv/campus_tv.htm","CampusTV","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=680")
}

function popupcoe() {
window.open("http://www.slcss.edu.hk/coe/","COE","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=480")
}

function popuplib() {
window.open("http://www.slcss.edu.hk/slsbin/webopac.exe","Library","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=480")
}


function popuphkreading() {
window.open("http://www.prof-ho.com/reading/","HKReading","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=580")
}

function popupnewsmetro() {
window.open("http://www.metrohk.com.hk/school_program/school.php","NewsReadingMetro","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=580")
}

function popupDR() {
window.open("http://www.hkedcity.net/edb/incentive/DResource_bg.php","發展教學軟件獎勵計劃","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=580")
}

function popupite() {
window.open("http://www.edb.gov.hk/filemanager/en/content_1619/packages_e.pdf","ite_software","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=580")
}

function popupilongman() {
window.open("http://www.wiseman.com.hk/","iLongman","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=580")
}

function popupchinesepal() {
window.open("http://www.mychinesepal.com/","Chinese","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=580")
}

function popupmingpaoLS() {
window.open("http://life.mingpao.com/cfm/main.cfm","LiberalStudies","scrollbars=yes, toolbar=yes, resizable=yes, width=800,height=580")
}

function popupdictionary() {
window.open("http://dictionary.cambridge.org/","CambridgeDictionary","scrollbars=yes, toolbar=yes, resizable=yes, width=780,height=580")
}

function popupBritannica() {
window.open("http://www.britannica.com/","Britannica","scrollbars=yes, toolbar=yes, resizable=yes, width=780,height=580")
}


function popupwiki() {
window.open("http://en.wikipedia.org/wiki/Main_Page","Wikipedia","scrollbars=yes, toolbar=yes, resizable=yes, width=780,height=580")
}

function popupetv() {
window.open("http://www.etvonline.tv/etv_new/","eTV","scrollbars=yes, toolbar=yes, resizable=yes, width=780,height=580")
}

function popupcopyright() {
window.open("http://www.ipd.gov.hk/chi/pub_press/publications/cpr_ed_c.pdf","Copyright","scrollbars=yes, toolbar=yes, resizable=yes, width=780,height=580")
}

function popupprofile() {
window.open("http://www.chsc.hk/secondary/en/schooldetail.asp?sch_id=1181","Profile","scrollbars=yes, toolbar=yes, resizable=yes, width=870,height=580")
}

function popupadmission() {
window.open("admission/index.htm","Profile","scrollbars=yes, toolbar=no, resizable=yes, width=670,height=600")
}

function popupalbum() {
window.open("http://www.fotop.net/slcssalbum/slcssalbum570","Album","scrollbars=yes, toolbar=no, resizable=yes, width=790,height=490")
}

function popupmmg() {
window.open("http://intranet.slcss.edu.hk/mmg/default.asp","mmg","scrollbars=yes, toolbar=no, resizable=yes, width=790,height=490")
}

function popupitloan() {
window.open("http://intranet.slcss.edu.hk/itloan/default.asp","itloan","scrollbars=yes, toolbar=no, resizable=yes, width=790,height=490")
}

function popupexternal(x) {
window.open("http://www.slcss.edu.hk/public_docs/Achievements/" + x + "/external.htm","External","scrollbars=yes, toolbar=no, resizable=yes, width=790,height=490")
}

function popupinternal(x) {
window.open("http://www.slcss.edu.hk/public_docs/Achievements/" + x + "/internal.htm","External","scrollbars=yes, toolbar=no, resizable=yes, width=790,height=490")
}

function popuppta() {
window.open("PTA/pta.htm","External","scrollbars=yes, toolbar=no, resizable=yes, width=720,height=490")
}

function popupalumni() {
window.open("http://www.hostingphpbb.com/forum/index.php?mforum=slcssalumni","External","scrollbars=yes, toolbar=no, resizable=yes, width=720,height=490")
}

function popupguidance() {
window.open("http://www.slcss.edu.hk/committee/sa/guidance/","Guidance","scrollbars=yes, toolbar=no, resizable=yes, width=790,height=490")
}

function popupdiscipline() {
window.open("http://www.slcss.edu.hk/committee/sa/discipline/","Discipline","scrollbars=yes, toolbar=no, resizable=yes, width=790,height=490")
}

function popupmoral() {
window.open("http://www.slcss.edu.hk/eca/moral/index.htm","Moral","scrollbars=yes, toolbar=no, resizable=yes, width=790,height=490")
}

function popupjupas() {
window.open("http://www.jupas.edu.hk","Jupas","scrollbars=yes, toolbar=yes, resizable=yes, width=790,height=490")
}

function popupeservices() {
window.open("http://eservices.edb.gov.hk/","eservices","scrollbars=yes, toolbar=yes, resizable=yes, width=790,height=490")
}

function popupwebsams() {
window.open("http://websams.slcss.edu.hk","websams","scrollbars=yes, toolbar=yes, resizable=yes, width=790,height=490")
}

function popuphkedcity() {
window.open("http://www.hkedcity.net","hkedcity","scrollbars=yes, toolbar=yes, resizable=yes, width=790,height=490")
}

function popupeclass() {
window.open("http://eclass.slcss.edu.hk","eClass","scrollbars=yes, toolbar=yes, resizable=yes, width=790,height=490")
}

function popuprms() {
window.open("http://intranet.slcss.edu.hk/RMS/main/default.asp","RMS","scrollbars=yes, toolbar=no, resizable=yes, width=820,height=500")
}

function popupwisenews() {
window.open("http://slcss-wl.wisenews.net:8000/?gid=slcss&user=ipaccess","Wisenews","scrollbars=yes, toolbar=no, resizable=yes, width=820,height=500")
}

function popup334() {
window.open("http://www.edb.gov.hk/334","334","scrollbars=yes, toolbar=no, resizable=yes, width=820,height=500")
}
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh) {
	this.version = "990702 [Menu; menu.js]";
	this.type = "Menu";
	this.menuWidth = mw;
	this.menuItemHeight = mh;
	this.fontSize = fs||12;
	this.fontWeight = "plain";
	this.fontFamily = fnt||"arial,helvetica,verdana,sans-serif";
	this.fontColor = fclr||"#000000";
	this.fontColorHilite = fhclr||"#ffffff";
	this.bgColor = "#555555";
	this.menuBorder = 1;
	this.menuItemBorder = 1;
	this.menuItemBgColor = bg||"#cccccc";
	this.menuLiteBgColor = "#ffffff";
	this.menuBorderBgColor = "#777777";
	this.menuHiliteBgColor = bgh||"#000084";
	this.menuContainerBgColor = "#cccccc";
	this.childMenuIcon = "arrows.gif";
	this.items = new Array();
	this.actions = new Array();
	this.childMenus = new Array();

	this.hideOnMouseOut = true;

	this.addMenuItem = addMenuItem;
	this.addMenuSeparator = addMenuSeparator;
	this.writeMenus = writeMenus;
	this.FW_showMenu = FW_showMenu;
	this.onMenuItemOver = onMenuItemOver;
	this.onMenuItemAction = onMenuItemAction;
	this.hideMenu = hideMenu;
	this.hideChildMenu = hideChildMenu;

	if (!window.menus) window.menus = new Array();
	this.label = label || "menuLabel" + window.menus.length;
	window.menus[this.label] = this;
	window.menus[window.menus.length] = this;
	if (!window.activeMenus) window.activeMenus = new Array();
}

function addMenuItem(label, action) {
	this.items[this.items.length] = label;
	this.actions[this.actions.length] = action;
}

function addMenuSeparator() {
	this.items[this.items.length] = "separator";
	this.actions[this.actions.length] = "";
	this.menuItemBorder = 0;
}

// For NS6. 
function FIND(item) {
	if (document.all) return(document.all[item]);
	if (document.getElementById) return(document.getElementById(item));
	return(false);
}

function writeMenus(container) {
	if (window.triedToWriteMenus) return;

	if (!container && document.layers) {
		window.delayWriteMenus = this.writeMenus;
		var timer = setTimeout('delayWriteMenus()', 250);
		container = new Layer(100);
		clearTimeout(timer);
	} else if (document.all || document.hasChildNodes) {
		document.writeln('<SPAN ID="menuContainer"></SPAN>');
		container = FIND("menuContainer");
	}

	window.fwHideMenuTimer = null;
	if (!container) return;	
	window.triedToWriteMenus = true; 
	container.isContainer = true;
	container.menus = new Array();
	for (var i=0; i<window.menus.length; i++) 
		container.menus[i] = window.menus[i];
	window.menus.length = 0;
	var countMenus = 0;
	var countItems = 0;
	var top = 0;
	var content = '';
	var lrs = false;
	var theStat = "";
	var tsc = 0;
	if (document.layers) lrs = true;
	for (var i=0; i<container.menus.length; i++, countMenus++) {
		var menu = container.menus[i];
		if (menu.bgImageUp) {
			menu.menuBorder = 0;
			menu.menuItemBorder = 0;
		}
		if (lrs) {
			var menuLayer = new Layer(100, container);
			var lite = new Layer(100, menuLayer);
			lite.top = menu.menuBorder;
			lite.left = menu.menuBorder;
			var body = new Layer(100, lite);
			body.top = menu.menuBorder;
			body.left = menu.menuBorder;
		} else {
			content += ''+
			'<DIV ID="menuLayer'+ countMenus +'" STYLE="position:absolute;z-index:1;left:10;top:'+ (i * 100) +';visibility:hidden;">\n'+
			'  <DIV ID="menuLite'+ countMenus +'" STYLE="position:absolute;z-index:1;left:'+ menu.menuBorder +';top:'+ menu.menuBorder +';visibility:hide;" onMouseOut="mouseoutMenu();">\n'+
			'	 <DIV ID="menuFg'+ countMenus +'" STYLE="position:absolute;left:'+ menu.menuBorder +';top:'+ menu.menuBorder +';visibility:hide;">\n'+
			'';
		}
		var x=i;
		for (var i=0; i<menu.items.length; i++) {
			var item = menu.items[i];
			var childMenu = false;
			var defaultHeight = menu.fontSize+6;
			var defaultIndent = menu.fontSize;
			if (item.label) {
				item = item.label;
				childMenu = true;
			}
			menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
			menu.menuItemIndent = menu.menuItemIndent || defaultIndent;
			var itemProps = 'font-family:' + menu.fontFamily +';font-weight:' + menu.fontWeight + ';fontSize:' + menu.fontSize + ';';
			if (menu.fontStyle) itemProps += 'font-style:' + menu.fontStyle + ';';
			if (document.all) 
				itemProps += 'font-size:' + menu.fontSize + ';" onMouseOver="onMenuItemOver(null,this);" onClick="onMenuItemAction(null,this);';
			else if (!document.layers) {
				itemProps += 'font-size:' + menu.fontSize + 'px;'; // zilla wants 12px.
			}
			var l;
			if (lrs) {
				l = new Layer(800,body);
			}
			var dTag	= '<DIV ID="menuItem'+ countItems +'" STYLE="position:absolute;left:0;top:'+ (i * menu.menuItemHeight) +';'+ itemProps +'">';
			var dClose = '</DIV>'
			if (menu.bgImageUp) {
				menu.menuBorder = 0;
				menu.menuItemBorder = 0;
				dTag	= '<DIV ID="menuItem'+ countItems +'" STYLE="background:url('+menu.bgImageUp+');position:absolute;left:0;top:'+ (i * menu.menuItemHeight) +';'+ itemProps +'">';
				if (document.layers) {
					dTag = '<LAYER BACKGROUND="'+menu.bgImageUp+'" ID="menuItem'+ countItems +'" TOP="'+ (i * menu.menuItemHeight) +'" style="' + itemProps +'">';
					dClose = '</LAYER>';
				}
			}
			var textProps = 'position:absolute;left:' + menu.menuItemIndent + ';top:1;';
			if (lrs) {
				textProps +=itemProps;
				dTag = "";
				dClose = "";
			}

			var dText	= '<DIV ID="menuItemText'+ countItems +'" STYLE="' + textProps + 'color:'+ menu.fontColor +';">'+ item +'&nbsp</DIV>\n<DIV ID="menuItemHilite'+ countItems +'" STYLE="' + textProps + 'top:1;color:'+ menu.fontColorHilite +';visibility:hidden;">'+ item +'&nbsp</DIV>';
			if (item == "separator") {
				content += ( dTag + '<DIV ID="menuSeparator'+ countItems +'" STYLE="position:absolute;left:1;top:2;"></DIV>\n<DIV ID="menuSeparatorLite'+ countItems +'" STYLE="position:absolute;left:1;top:2;"></DIV>\n' + dClose);
			} else if (childMenu) {
				content += ( dTag + dText + '<DIV ID="childMenu'+ countItems +'" STYLE="position:absolute;left:0;top:3;"><IMG SRC="'+ menu.childMenuIcon +'"></DIV>\n' + dClose);
			} else {
				content += ( dTag + dText + dClose);
			}
			if (lrs) {
				l.document.open("text/html");
				l.document.writeln(content);
				l.document.close();	
				content = '';
				theStat += "-";
				tsc++;
				if (tsc > 50) {
					tsc = 0;
					theStat = "";
				}
				status = theStat;
			}
			countItems++;  
		}
		if (lrs) {
			// focus layer
			var focusItem = new Layer(100, body);
			focusItem.visiblity="hidden";
			focusItem.document.open("text/html");
			focusItem.document.writeln("&nbsp;");
			focusItem.document.close();	
		} else {
		  content += '	  <DIV ID="focusItem'+ countMenus +'" STYLE="position:absolute;left:0;top:0;visibility:hide;" onClick="onMenuItemAction(null,this);">&nbsp;</DIV>\n';
		  content += '   </DIV>\n  </DIV>\n</DIV>\n';
		}
		i=x;
	}
	if (document.layers) {		
		container.clip.width = window.innerWidth;
		container.clip.height = window.innerHeight;
		container.onmouseout = mouseoutMenu;
		container.menuContainerBgColor = this.menuContainerBgColor;
		for (var i=0; i<container.document.layers.length; i++) {
			proto = container.menus[i];
			var menu = container.document.layers[i];
			container.menus[i].menuLayer = menu;
			container.menus[i].menuLayer.Menu = container.menus[i];
			container.menus[i].menuLayer.Menu.container = container;
			var body = menu.document.layers[0].document.layers[0];
			body.clip.width = proto.menuWidth || body.clip.width;
			body.clip.height = proto.menuHeight || body.clip.height;
			for (var n=0; n<body.document.layers.length-1; n++) {
				var l = body.document.layers[n];
				l.Menu = container.menus[i];
				l.menuHiliteBgColor = proto.menuHiliteBgColor;
				l.document.bgColor = proto.menuItemBgColor;
				l.saveColor = proto.menuItemBgColor;
				l.onmouseover = proto.onMenuItemOver;
				l.onclick = proto.onMenuItemAction;
				l.action = container.menus[i].actions[n];
				l.focusItem = body.document.layers[body.document.layers.length-1];
				l.clip.width = proto.menuWidth || body.clip.width + proto.menuItemIndent;
				l.clip.height = proto.menuItemHeight || l.clip.height;
				if (n>0) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder;
				l.hilite = l.document.layers[1];
				if (proto.bgImageUp) l.background.src = proto.bgImageUp;
				l.document.layers[1].isHilite = true;
				if (l.document.layers[0].id.indexOf("menuSeparator") != -1) {
					l.hilite = null;
					l.clip.height -= l.clip.height / 2;
					l.document.layers[0].document.bgColor = proto.bgColor;
					l.document.layers[0].clip.width = l.clip.width -2;
					l.document.layers[0].clip.height = 1;
					l.document.layers[1].document.bgColor = proto.menuLiteBgColor;
					l.document.layers[1].clip.width = l.clip.width -2;
					l.document.layers[1].clip.height = 1;
					l.document.layers[1].top = l.document.layers[0].top + 1;
				} else if (l.document.layers.length > 2) {
					l.childMenu = container.menus[i].items[n].menuLayer;
					l.document.layers[2].left = l.clip.width -13;
					l.document.layers[2].top = (l.clip.height / 2) -4;
					l.document.layers[2].clip.left += 3;
					l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
				}
			}
			body.document.bgColor = proto.bgColor;
			body.clip.width  = l.clip.width +proto.menuBorder;
			body.clip.height = l.top + l.clip.height +proto.menuBorder;
			var focusItem = body.document.layers[n];
			focusItem.clip.width = body.clip.width;
			focusItem.Menu = l.Menu;
			focusItem.top = -30;
            focusItem.captureEvents(Event.MOUSEDOWN);
            focusItem.onmousedown = onMenuItemDown;
			menu.document.bgColor = proto.menuBorderBgColor;
			var lite = menu.document.layers[0];
			lite.document.bgColor = proto.menuLiteBgColor;
			lite.clip.width = body.clip.width +1;
			lite.clip.height = body.clip.height +1;
			menu.clip.width = body.clip.width + (proto.menuBorder * 3) ;
			menu.clip.height = body.clip.height + (proto.menuBorder * 3);
		}
	} else {
		if ((!document.all) && (container.hasChildNodes)) {
			container.innerHTML=content;
		} else {
			container.document.open("text/html");
			container.document.writeln(content);
			container.document.close();	
		}
		if (!FIND("menuLayer0")) return;
		var menuCount = 0;
		for (var x=0; x<container.menus.length; x++) {
			var menuLayer = FIND("menuLayer" + x);
			container.menus[x].menuLayer = "menuLayer" + x;
			menuLayer.Menu = container.menus[x];
			menuLayer.Menu.container = "menuLayer" + x;
			menuLayer.style.zIndex = 1;
		    var s = menuLayer.style;
			s.top = s.pixelTop = -300;
			s.left = s.pixelLeft = -300;

			var menu = container.menus[x];
			menu.menuItemWidth = menu.menuWidth || menu.menuIEWidth || 140;
			menuLayer.style.backgroundColor = menu.menuBorderBgColor;
			var top = 0;
			for (var i=0; i<container.menus[x].items.length; i++) {
				var l = FIND("menuItem" + menuCount);
				l.Menu = container.menus[x];
				if (l.addEventListener) { // ns6
					l.style.width = menu.menuItemWidth;	
					l.style.height = menu.menuItemHeight;
					l.style.top = top;
					l.addEventListener("mouseover", onMenuItemOver, false);
					l.addEventListener("click", onMenuItemAction, false);
					l.addEventListener("mouseout", mouseoutMenu, false);
				} else { //ie
					l.style.pixelWidth = menu.menuItemWidth;	
					l.style.pixelHeight = menu.menuItemHeight;
					l.style.pixelTop = top;
				}
				top = top + menu.menuItemHeight+menu.menuItemBorder;
				l.style.fontSize = menu.fontSize;
				l.style.backgroundColor = menu.menuItemBgColor;
				l.style.visibility = "inherit";
				l.saveColor = menu.menuItemBgColor;
				l.menuHiliteBgColor = menu.menuHiliteBgColor;
				l.action = container.menus[x].actions[i];
				l.hilite = FIND("menuItemHilite" + menuCount);
				l.focusItem = FIND("focusItem" + x);
				l.focusItem.style.pixelTop = l.focusItem.style.top = -30;
				var childItem = FIND("childMenu" + menuCount);
				if (childItem) {
					l.childMenu = container.menus[x].items[i].menuLayer;
					childItem.style.pixelLeft = childItem.style.left = menu.menuItemWidth -11;
					childItem.style.pixelTop = childItem.style.top =(menu.menuItemHeight /2) -4;
					//childItem.style.pixelWidth = 30 || 7;
					//childItem.style.clip = "rect(0 7 7 3)";
					l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
				}
				var sep = FIND("menuSeparator" + menuCount);
				if (sep) {
					sep.style.clip = "rect(0 " + (menu.menuItemWidth - 3) + " 1 0)";
					sep.style.width = sep.style.pixelWidth = menu.menuItemWidth;	
					sep.style.backgroundColor = menu.bgColor;
					sep = FIND("menuSeparatorLite" + menuCount);
					sep.style.clip = "rect(1 " + (menu.menuItemWidth - 3) + " 2 0)";
					sep.style.width = sep.style.pixelWidth = menu.menuItemWidth;	
					sep.style.backgroundColor = menu.menuLiteBgColor;
					l.style.height = l.style.pixelHeight = menu.menuItemHeight/2;
					l.isSeparator = true
					top -= (menu.menuItemHeight - l.style.pixelHeight)
				} else {
					l.style.cursor = "hand"
				}
				menuCount++;
			}
			menu.menuHeight = top-1;
			var lite = FIND("menuLite" + x);
			var s = lite.style;
			s.height = s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
			s.width = s.pixelWidth = menu.menuItemWidth + (menu.menuBorder * 2);
			s.backgroundColor = menu.menuLiteBgColor;

			var body = FIND("menuFg" + x);
			s = body.style;
			s.height = s.pixelHeight = menu.menuHeight + menu.menuBorder;
			s.width = s.pixelWidth = menu.menuItemWidth + menu.menuBorder;
			s.backgroundColor = menu.bgColor;

			s = menuLayer.style;
			s.width = s.pixelWidth  = menu.menuItemWidth + (menu.menuBorder * 4);
			s.height = s.pixelHeight  = menu.menuHeight+(menu.menuBorder*4);
		}
	}
	if (document.captureEvents) {	
		document.captureEvents(Event.MOUSEUP);
	}
	if (document.addEventListener) {	
		document.addEventListener("mouseup", onMenuItemOver, false);
	}
	if (document.layers && window.innerWidth) {
		window.onresize = NS4resize;
		window.NS4sIW = window.innerWidth;
		window.NS4sIH = window.innerHeight;
	}
	document.onmouseup = mouseupMenu;
	window.fwWroteMenu = true;
	status = "";
}

function NS4resize() {
	if (NS4sIW < window.innerWidth || 
		NS4sIW > window.innerWidth || 
		NS4sIH > window.innerHeight || 
		NS4sIH < window.innerHeight ) 
	{
		window.location.reload();
	}
}

function onMenuItemOver(e, l) {
	FW_clearTimeout();
	l = l || this;
	a = window.ActiveMenuItem;
	if (document.layers) {
		if (a) {
			a.document.bgColor = a.saveColor;
			if (a.hilite) a.hilite.visibility = "hidden";
			if (a.Menu.bgImageOver) {
				a.background.src = a.Menu.bgImageUp;
			}
			a.focusItem.top = -100;
			a.clicked = false;
		}
		if (l.hilite) {
			l.document.bgColor = l.menuHiliteBgColor;
			l.zIndex = 1;
			l.hilite.visibility = "inherit";
			l.hilite.zIndex = 2;
			l.document.layers[1].zIndex = 1;
			l.focusItem.zIndex = this.zIndex +2;
		}
		if (l.Menu.bgImageOver) {
			l.background.src = l.Menu.bgImageOver;
		}
		l.focusItem.top = this.top;
		l.Menu.hideChildMenu(l);
	} else if (l.style && l.Menu) {
		if (a) {
			a.style.backgroundColor = a.saveColor;
			if (a.hilite) a.hilite.style.visibility = "hidden";
			if (a.Menu.bgImageUp) {
				a.style.background = "url(" + a.Menu.bgImageUp +")";;
			}
		} 
		if (l.isSeparator) return;
		l.style.backgroundColor = l.menuHiliteBgColor;
		l.zIndex = 1;  // magic IE 4.5 mac happy doohicky.	jba
		if (l.Menu.bgImageOver) {
			l.style.background = "url(" + l.Menu.bgImageOver +")";
		}
		if (l.hilite) {
			l.style.backgroundColor = l.menuHiliteBgColor;
			l.hilite.style.visibility = "inherit";
		}
		l.focusItem.style.top = l.focusItem.style.pixelTop = l.style.pixelTop;
		l.focusItem.style.zIndex = l.zIndex +1;
		l.Menu.hideChildMenu(l);
	} else {
		return; // not a menu - magic IE 4.5 mac happy doohicky.  jba
	}
	window.ActiveMenuItem = l;
}

function onMenuItemAction(e, l) {
	l = window.ActiveMenuItem;
	if (!l) return;
	hideActiveMenus();
	if (l.action) {
		eval("" + l.action);
	}
	window.ActiveMenuItem = 0;
}

function FW_clearTimeout()
{
	if (fwHideMenuTimer) clearTimeout(fwHideMenuTimer);
	fwHideMenuTimer = null;
	fwDHFlag = false;
}
function FW_startTimeout()
{
	fwStart = new Date();
	fwDHFlag = true;
	fwHideMenuTimer = setTimeout("fwDoHide()", 300);
}

function fwDoHide()
{
	if (!fwDHFlag) return;
	var elapsed = new Date() - fwStart;
	if (elapsed < 300) {
		fwHideMenuTimer = setTimeout("fwDoHide()", 400-elapsed);
		return;
	}
	fwDHFlag = false;
	hideActiveMenus();
	window.ActiveMenuItem = 0;
}

function FW_showMenu(menu, x, y, child, imgname) {
	if (!window.fwWroteMenu) return;
	FW_clearTimeout();
	if (menu) {
		x = moveXbyEventPos (x, imgname);
		y = moveYbyEventPos (y, imgname);
	}
	if (document.layers) {
		if (menu) {
			var l = menu.menuLayer || menu;
			l.left = 1;
			l.top = 1;
			hideActiveMenus();
			if (this.visibility) l = this;
			window.ActiveMenu = l;
		} else {
			var l = child;
		}
		if (!l) return;
		for (var i=0; i<l.layers.length; i++) { 			   
			if (!l.layers[i].isHilite) 
				l.layers[i].visibility = "inherit";
			if (l.layers[i].document.layers.length > 0) 
				FW_showMenu(null, "relative", "relative", l.layers[i]);
		}
		if (l.parentLayer) {
			if (x != "relative") 
				l.parentLayer.left = x || window.pageX || 0;
			if (l.parentLayer.left + l.clip.width > window.innerWidth) 
				l.parentLayer.left -= (l.parentLayer.left + l.clip.width - window.innerWidth);
			if (y != "relative") 
				l.parentLayer.top = y || window.pageY || 0;
			if (l.parentLayer.isContainer) {
				l.Menu.xOffset = window.pageXOffset;
				l.Menu.yOffset = window.pageYOffset;
				l.parentLayer.clip.width = window.ActiveMenu.clip.width +2;
				l.parentLayer.clip.height = window.ActiveMenu.clip.height +2;
				if (l.parentLayer.menuContainerBgColor) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;
			}
		}
		l.visibility = "inherit";
		if (l.Menu) l.Menu.container.visibility = "inherit";
	} else if (FIND("menuItem0")) {
		var l = menu.menuLayer || menu;	
		hideActiveMenus();
		if (typeof(l) == "string") {
			l = FIND(l);
		}
		window.ActiveMenu = l;
		var s = l.style;
		s.visibility = "inherit";
		if (x != "relative") 
			s.left = s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
		if (y != "relative") 
			s.top = s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
		l.Menu.xOffset = document.body.scrollLeft;
		l.Menu.yOffset = document.body.scrollTop;
	}
	if (menu) {
		window.activeMenus[window.activeMenus.length] = l;
	}
}

function onMenuItemDown(e, l) {
	var a = window.ActiveMenuItem;
	if (document.layers) {
		if (a) {
			a.eX = e.pageX;
			a.eY = e.pageY;
			a.clicked = true;
		}
    }
}

function mouseupMenu(e)
{
	hideMenu(true, e);
	hideActiveMenus();
	return true;
}

// BEGIN IE LESS THAN 4.5 BUG FIX
function getExplorerVersion()
{
	var ieVers = parseFloat(navigator.appVersion);
	if( navigator.appName != 'Microsoft Internet Explorer' )
		return ieVers;
	var tempVers = navigator.appVersion;
	var i = tempVers.indexOf( 'MSIE ' );
	if( i >= 0 ) {
		tempVers = tempVers.substring( i+5 );
		ieVers = parseFloat( tempVers ); 
	}
	return ieVers;
}
// END BUG FIX

function mouseoutMenu()
{

// BEGIN IE LESS THAN 4.5 BUG FIX
	// Popup menus did not function in Internet Explorer versions
	// before 4.5. This change allows the menus to function in older
	// versions of IE by removing the auto-timeout.
	if ((navigator.appName == "Microsoft Internet Explorer")
		&& (getExplorerVersion() < 4.5))
		return true;
// END BUG FIX

	hideMenu(false, false);
	return true;
}


function hideMenu(mouseup, e) {
	var a = window.ActiveMenuItem;
	if (a && document.layers) {
		a.document.bgColor = a.saveColor;
		a.focusItem.top = -30;
		if (a.hilite) a.hilite.visibility = "hidden";
		if (mouseup && a.action && a.clicked && window.ActiveMenu) {
 			if (a.eX <= e.pageX+15 && a.eX >= e.pageX-15 && a.eY <= e.pageY+10 && a.eY >= e.pageY-10) {
				setTimeout('window.ActiveMenu.Menu.onMenuItemAction();', 2);
			}
		}
		a.clicked = false;
		if (a.Menu.bgImageOver) {
			a.background.src = a.Menu.bgImageUp;
		}
	} else if (window.ActiveMenu && FIND("menuItem0")) {
		if (a) {
			a.style.backgroundColor = a.saveColor;
			if (a.hilite) a.hilite.style.visibility = "hidden";
			if (a.Menu.bgImageUp) {
				a.style.background = "url(" + a.Menu.bgImageUp +")";;
			}
		}
	}
	if (!mouseup && window.ActiveMenu) {
		if (window.ActiveMenu.Menu) {
			if (window.ActiveMenu.Menu.hideOnMouseOut) {
				FW_startTimeout();
			}
			return(true);
		}
	}
	return(true);
}

function PxToNum(pxStr)
{ // pxStr == 27px, we want 27.
	if (pxStr.length > 2) {
		n = Number(pxStr.substr(0, pxStr.length-2));
		return(n);
	}
	return(0);
}

function hideChildMenu(hcmLayer) {
	FW_clearTimeout();
	var l = hcmLayer;
	for (var i=0; i < l.Menu.childMenus.length; i++) {
		var theLayer = l.Menu.childMenus[i];
		if (document.layers) {
			theLayer.visibility = "hidden";
		} else {
			theLayer = FIND(theLayer);
			theLayer.style.visibility = "hidden";
		}
		theLayer.Menu.hideChildMenu(theLayer);
	}

	if (l.childMenu) {
		var childMenu = l.childMenu;
		if (document.layers) {
			l.Menu.FW_showMenu(null,null,null,childMenu.layers[0]);
			childMenu.zIndex = l.parentLayer.zIndex +1;
			childMenu.top = l.top + l.parentLayer.top + l.Menu.menuLayer.top + l.Menu.menuItemHeight/3;
			if (childMenu.left + childMenu.clip.width > window.innerWidth) {
				childMenu.left = l.parentLayer.left - childMenu.clip.width + l.Menu.menuLayer.left + 15;
				l.Menu.container.clip.left -= childMenu.clip.width;
			} else {
				childMenu.left = l.parentLayer.left + l.parentLayer.clip.width  + l.Menu.menuLayer.left -5;
			}
			var w = childMenu.clip.width+childMenu.left-l.Menu.container.clip.left;
			if (w > l.Menu.container.clip.width)  
				l.Menu.container.clip.width = w;
			var h = childMenu.clip.height+childMenu.top-l.Menu.container.clip.top;
			if (h > l.Menu.container.clip.height) l.Menu.container.clip.height = h;
			l.document.layers[1].zIndex = 0;
			childMenu.visibility = "inherit";
		} else if (FIND("menuItem0")) {
			childMenu = FIND(l.childMenu);
			var menuLayer = FIND(l.Menu.menuLayer);
			var s = childMenu.style;
			s.zIndex = menuLayer.style.zIndex+1;
			if (document.all) { // ie case.
				s.pixelTop = l.style.pixelTop + menuLayer.style.pixelTop + l.Menu.menuItemHeight/3;
				s.left = s.pixelLeft = (menuLayer.style.pixelWidth) + menuLayer.style.pixelLeft -5;
			} else { // zilla case
				var top = PxToNum(l.style.top) + PxToNum(menuLayer.style.top) + l.Menu.menuItemHeight/3;
				var left = (PxToNum(menuLayer.style.width)) + PxToNum(menuLayer.style.left) -5;
				s.top = top;
				s.left = left;
			}
			childMenu.style.visibility = "inherit";
		} else {
			return;
		}
		window.activeMenus[window.activeMenus.length] = childMenu;
	}
}

function hideActiveMenus() {
	if (!window.activeMenus) return;
	for (var i=0; i < window.activeMenus.length; i++) {
		if (!activeMenus[i]) continue;
		if (activeMenus[i].visibility && activeMenus[i].Menu) {
			activeMenus[i].visibility = "hidden";
			activeMenus[i].Menu.container.visibility = "hidden";
			activeMenus[i].Menu.container.clip.left = 0;
		} else if (activeMenus[i].style) {
			var s = activeMenus[i].style;
			s.visibility = "hidden";
			s.left = -200;
			s.top = -200;
		}
	}
	if (window.ActiveMenuItem) {
		hideMenu(false, false);
	}
	window.activeMenus.length = 0;
}

function moveXbyEventPos (x, imgname) { 
	if (typeof(event) != "undefined" && event.clientX >= 0 && event.offsetX >= 0) {
		return (x + event.clientX - event.offsetX + document.body.scrollLeft);
	} else {
		if (document.images[imgname].offsetLeft >= 0 && document.body.offsetLeft >= 0) {
			return (x + document.images[imgname].offsetLeft + document.body.offsetLeft);
		} else {
			if (document.images[imgname].x) {
				return (x + document.images[imgname].x);
			} else {
				return x
			}
		}
	}
}

function moveYbyEventPos (y, imgname) {
	if (typeof(event) != "undefined" && event.clientY >= 0 && event.offsetY >= 0) {
		return (y + event.clientY - event.offsetY + document.body.scrollTop);
	} else {
		if (document.images[imgname].offsetTop >= 0 && document.body.offsetTop >= 0) {
			return (y + document.images[imgname].offsetTop + document.body.offsetTop);
		} else {
			if (document.images[imgname].y >= 0) {
				return (y + document.images[imgname].y)
			} else {
				return y
			}
		}
	}
}

function fwLoadMenus() {
  if (window.fw_menu_0) return;
  // window.fw_menu_0 = new Menu("root",element width, element height,font,fontsize,fontcolor , selected fontcolor, bgcolor, selected bgcolor);
  window.fw_menu_0 = new Menu("root",190,18,"Verdana, Arial, Helvetica, sans-serif",11,"#330066","#330066","#ffffff","#ffffcc");
  fw_menu_0.addMenuItem("School Mission","location='sch_mission.asp'");
  fw_menu_0.addMenuItem("School Profile","location='JavaScript:popupprofile()'");
  fw_menu_0.addMenuItem("School Circulars","location='sch_circulars.asp?year=2009-2010'"); 
  fw_menu_0.addMenuItem("School Documents","location='sch_documents.asp'"); 
  fw_menu_0.addMenuItem("School Virtual Tour","location='sch_tour.asp'");
  fw_menu_0.addMenuItem("School Song","location='JavaScript:popupschsong()'");
  fw_menu_0.addMenuItem("School Calendar ","location='sch_calendar.asp'");
  fw_menu_0.addMenuItem("School Press","location='sch_press.asp'");
  fw_menu_0.addMenuItem("Message from Principal","location='principal_mess.asp'");
  fw_menu_0.addMenuItem("SLCSS @ Media","location='slcss@media.asp'");
  fw_menu_0.addMenuItem("Contact Us","location='contact_us.asp'");
  fw_menu_0.addMenuItem("S1 Admission","location='Javascript:popupadmission()'");
  fw_menu_0.hideOnMouseOut=true;
  window.fw_menu_1 = new Menu("root",210,18,"Verdana, Arial, Helvetica, sans-serif",11,"#330066","#330066","#ffffff","#ffffcc");
  fw_menu_1.addMenuItem("School Management Committee","location='SMC.asp'");
  fw_menu_1.addMenuItem("Major Committees","location='major_committees.asp'");
  fw_menu_1.addMenuItem("Staff List","location='Staff_list.asp'");
  fw_menu_1.addMenuItem("Class List","location='class_list.asp'");
  fw_menu_1.addMenuItem("Timetables","location='timetable.asp'");
  fw_menu_1.addMenuItem("Resource Booking","location='res_management.asp'");
  fw_menu_1.addMenuItem("Scholarships, Grants and Loans","location='stud_subsidy.asp'");
  fw_menu_1.addMenuItem("Forms","location='forms.asp'");
  window.fw_menu_2 = new Menu("root",170,18,"Verdana, Arial, Helvetica, sans-serif",11,"#330066","#330066","#ffffff","#ffffcc");
  fw_menu_2.addMenuItem("Campus TV","location='JavaScript:popupcampustv()'");
  fw_menu_2.addMenuItem("Photo Album","location='Javascript:popupalbum()'");
  fw_menu_2.addMenuItem("Extra-curricular Activities","location='eca.asp'");
  fw_menu_2.addMenuItem("Student Organizations","location='stud_org.asp'");
  fw_menu_2.addMenuItem("PTA","location='JavaScript:popuppta()'");
  fw_menu_2.addMenuItem("Alumni","location='http://www.hostingphpbb.com/forum/index.php?mforum=slcssalumni'");
  fw_menu_2.addMenuItem("Staff Photos","location='staff_photo.asp'");
  fw_menu_2.addMenuItem("Class Photos","location='class_photo.asp'");
  fw_menu_2.hideOnMouseOut=true;
  window.fw_menu_3 = new Menu("root",150,18,"Verdana, Arial, Helvetica, sans-serif",11,"#330066","#330066","#ffffff","#ffffcc");
  fw_menu_3.addMenuItem("Education Reform","location='edu_reform.asp'");
  fw_menu_3.addMenuItem("EDB Digital Resource","location='JavaScript:popupDR()'");
  fw_menu_3.addMenuItem("ITE Software Download","location='JavaScript:popupite()'");
  fw_menu_3.addMenuItem("Library Online","location='JavaScript:popuplib()'");
  fw_menu_3.addMenuItem("eClass","location='JavaScript:popupeclass()'");
  fw_menu_3.addMenuItem("iLongman","location='JavaScript:popupilongman()'");
  fw_menu_3.addMenuItem("每日一篇","location='JavaScript:popuphkreading()'");
  fw_menu_3.addMenuItem("都市日報精讀計劃","location='JavaScript:popupnewsmetro()'");
  fw_menu_3.addMenuItem("明報通識網","location='JavaScript:popupmingpaoLS()'");
  fw_menu_3.addMenuItem("Wisenews","location='JavaScript:popupwisenews()'");
  fw_menu_3.addMenuItem("Copyright in Education","location='JavaScript:popupcopyright()'");
  fw_menu_3.addMenuItem("eTV Online","location='JavaScript:popupetv()'");
  fw_menu_3.addMenuItem("Cambridge Dictionary","location='JavaScript:popupdictionary()'");
  fw_menu_3.addMenuItem("Britannica","location='JavaScript:popupBritannica()'");
  fw_menu_3.addMenuItem("Wikipedia","location='JavaScript:popupwiki()'");
  fw_menu_3.hideOnMouseOut=true;  
  window.fw_menu_4 = new Menu("root",110,18,"Verdana, Arial, Helvetica, sans-serif",11,"#330066","#330066","#ffffff","#ffffcc");
  fw_menu_4.addMenuItem("2008-09","location='archive.asp?year=2008'");
  fw_menu_4.addMenuItem("2007-08","location='archive.asp?year=2007'");
  fw_menu_4.addMenuItem("2006-07","location='archive.asp?year=2006'");
  fw_menu_4.addMenuItem("2005-06","location='archive.asp?year=2005'");
  fw_menu_4.hideOnMouseOut=true;
  window.fw_menu_5 = new Menu("root",170,18,"Verdana, Arial, Helvetica, sans-serif",11,"#330066","#330066","#ffffff","#ffffcc");
  fw_menu_5.addMenuItem("External Awards","location='JavaScript:popupexternal(2009)'");
  fw_menu_5.addMenuItem("Internal Awards","location='JavaScript:popupinternal(2009)'");
  fw_menu_5.hideOnMouseOut=true; 
  window.fw_menu_6 = new Menu("root",250,18,"Verdana, Arial, Helvetica, sans-serif",11,"#330066","#330066","#ffffff","#ffffcc");
  fw_menu_6.addMenuItem("Multimedia Room Management System","location='Javascript:popupmmg()'");
  fw_menu_6.addMenuItem("JUPAS","location='Javascript:popupjupas()'");
  fw_menu_6.addMenuItem("HKEdCity","location='Javascript:popuphkedcity()'");
  fw_menu_6.addMenuItem("eServices","location='Javascript:popupeservices()'");
  fw_menu_6.addMenuItem("WebSAMS","location='Javascript:popupwebsams()'");
  fw_menu_6.addMenuItem("334 Bulletin","location='Javascript:popup334()'");
  fw_menu_6.hideOnMouseOut=true;
  window.fw_menu_7 = new Menu("root",200,18,"Verdana, Arial, Helvetica, sans-serif",11,"#330066","#330066","#ffffff","#ffffcc");
  fw_menu_7.addMenuItem("CT, ACT & LC","location='FM.asp'");
  fw_menu_7.addMenuItem("Morning Assembly","location='assembly.asp'");
  fw_menu_7.addMenuItem("Guidance","location='Javascript:popupguidance()'");
  fw_menu_7.addMenuItem("Discipline","location='Javascript:popupdiscipline()'");
  fw_menu_7.addMenuItem("Moral & Civic Education","location='Javascript:popupmoral()'");
  fw_menu_7.hideOnMouseOut=true;

  fw_menu_0.writeMenus();
} // fwLoadMenus()