changeset 12:d484237a9794 vendor

First import of client module
author robcast
date Thu, 17 Jan 2002 15:29:52 +0100
parents bb7864627cfa
children c46867558f1d
files client/digitallibrary/buttons/fw_menu.js
diffstat 1 files changed, 744 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/digitallibrary/buttons/fw_menu.js	Thu Jan 17 15:29:52 2002 +0100
@@ -0,0 +1,744 @@
+/* fw_menu -- JS library for digilib buttons
+
+  Digital Image Library servlet components
+
+  Copyright (C) 2001, 2002 Christian Luginbuehl (luginbuehl@student.unibe.ch)
+
+  This program is free software; you can redistribute  it and/or modify it
+  under  the terms of  the GNU General  Public License as published by the
+  Free Software Foundation;  either version 2 of the  License, or (at your
+  option) any later version.
+   
+  Please read license.txt for the full details. A copy of the GPL
+  may be found at http://www.gnu.org/copyleft/lgpl.html
+
+  You should have received a copy of the GNU General Public License
+  along with this program; if not, write to the Free Software
+  Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+
+*/
+
+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;
+		                                  // hier wird die action bei menuclick gemacht
+	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("FW_doHide()", 1000);
+}
+
+function FW_doHide()
+{
+	if (!fwDHFlag) return;
+	var elapsed = new Date() - fwStart;
+	if (elapsed < 1000) {
+		fwHideMenuTimer = setTimeout("FW_doHide()", 1100-elapsed);
+		return;
+	}
+	fwDHFlag = false;
+	hideActiveMenus();
+	window.ActiveMenuItem = 0;
+}
+
+function FW_showMenu(menu, x, y, child) {
+	if (!window.fwWroteMenu) return;
+	FW_clearTimeout();
+	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;
+}
+
+function mouseoutMenu()
+{
+	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 MM_findObj(n, d) { //v3.0
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
+}
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_preloadImages() { //v3.0
+ var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+
+// additional help for the different buttens. makes a floating window with content given by helpText
+
+// just to be sure, that no buffer overflow can arrive
+var semaphor = true;
+
+function contextHelp(helpText, relX, relY) {
+
+	if (showHelp && semaphor) {
+		semaphor = false;	
+		var help = helpText.split("|");
+
+		var helpWindowWidth = 270;
+		var helpWindowHeight = 130;
+
+		var xScreen = relX*(screen.width-helpWindowWidth);
+		var yScreen = relY*(screen.height-helpWindowHeight);
+
+		var helpWindow = window.open("", "ContextHelp", "width=" + helpWindowWidth + ",height=" + helpWindowHeight + ",screenX=" + xScreen + ",screenY=" + yScreen + ",left=" + xScreen + ",top=" + yScreen);
+
+		helpWindow.focus();
+		helpWindow.document.open();
+		helpWindow.document.write('<html><head><title>Context Help</title>');
+		helpWindow.document.write('<style type="text/css">');
+		helpWindow.document.write('.title {font-family: Verdana, sans-serif, Arial; font-size: 12px; font-weight: bold; color: #FFFFFF}');
+		helpWindow.document.write('.text {font-family: Verdana, sans-serif, Arial; font-size: 10px; color: #000000}');
+		helpWindow.document.write('</style></head><body bgcolor="#CCCCCC" leftmargin="7" topmargin="7" marginwidth="7" marginheight="7" onLoad="opener.semaphor = true;">');
+		helpWindow.document.write('<table width="' + (helpWindowWidth-8) + '" border="0" cellspacing="0" cellpadding="3"><tr><td bgcolor="#666666" class="title">');
+		helpWindow.document.write(help[0] + '</tr><tr><td class="text">');
+		helpWindow.document.write(help[1] + '</tr></td></table></body></html>');
+		helpWindow.document.close();	
+	}
+	
+	// stupid workaround because of netscape 6, that doesen't know the opener property
+	// this workaround is still ok cause netscape 6 has eventbuffer check (no overflow)
+    if ((navigator.appName.toLowerCase() == "netscape") && (parseFloat(navigator.appVersion) >= 5.0)) {
+        semaphor = true;
+	}
+}