" +
this.getIconCellHtml() +
this.getTextCellHtml() +
this.getShortcutCellHtml() +
this.getSubMenuArrowCellHtml() +
"";
};
MenuItem.prototype.getTextHtml = function ()
{
var s = this.text;
if (!s || !this.mnemonic)
return s;
// replace character with character
// /^(((<([^>]|MNEMONIC)+>)|[^MNEMONIC])*)(MNEMONIC)/i
var re = new RegExp("^(((<([^>]|" + this.mnemonic + ")+>)|[^<" +
this.mnemonic + "])*)(" + this.mnemonic + ")", "i");
re.exec(s);
if (RegExp.index != -1 && RegExp.$5 != "")
return RegExp.$1 + "" + RegExp.$5 + "" + RegExp.rightContext;
else
return s;
};
MenuItem.prototype.getIconHtml = function ()
{
return this.icon != "" ? "![](\"")
" : " ";
};
MenuItem.prototype.getTextCellHtml = function ()
{
return "" +
this.makeDisabledContainer(
this.getTextHtml()
) +
" | ";
};
MenuItem.prototype.getIconCellHtml = function ()
{
return "" +
this.makeDisabledContainer(
this.getIconHtml()
) +
" | ";
};
MenuItem.prototype.getCssClass = function ()
{
if (this.disabled && this._selected)
return "disabled-hover";
else if (this.disabled)
return "disabled";
else if (this._selected)
return "hover";
return "";
};
MenuItem.prototype.getToolTip = function ()
{
return this.toolTip;
};
MenuItem.prototype.getShortcutHtml = function ()
{
if (this.shortcut == null)
return " ";
return this.shortcut;
};
MenuItem.prototype.getShortcutCellHtml = function ()
{
return "" +
this.makeDisabledContainer(
this.getShortcutHtml()
) +
" | ";
};
MenuItem.prototype.getSubMenuArrowHtml = function ()
{
if (this.subMenu == null)
return " ";
return 4;
// right arrow using the marlett (or webdings) font
};
MenuItem.prototype.getSubMenuArrowCellHtml = function ()
{
return "" +
this.makeDisabledContainer(
this.getSubMenuArrowHtml()
) +
" | ";
};
MenuItem.prototype.makeDisabledContainer = function (s)
{
if (this.disabled)
return "" +
s + "";
return s;
};
MenuItem.prototype.dispatchAction = function ()
{
if (this.disabled)
return;
this.setSelected(true);
if (this.subMenu)
{
if (!this.subMenu.isShown())
this.showSubMenu(false);
return;
}
if (typeof this.action == "function")
{
this.setSelected(false);
this.parentMenu.closeAllMenus();
this.action();
}
else if (typeof this.action == "string")
{ // href
this.setSelected(false);
this.parentMenu.closeAllMenus();
if (this.target != null)
window.open(this.action, this.target);
else
document.location.href = this.action;
}
};
MenuItem.prototype.setSelected = function (bSelected)
{
if (this._selected == bSelected) return;
this._selected = Boolean(bSelected);
var tr = this._htmlElement;
if (tr)
tr.className = this.getCssClass();
if (!this._selected)
this.closeSubMenu(true);
var pm = this.parentMenu;
if (bSelected)
{
pm.setSelectedIndex(this.itemIndex);
this.scrollIntoView();
// select item in parent menu as well
if (pm.parentMenuItem)
pm.parentMenuItem.setSelected(true);
}
else
pm.setSelectedIndex(-1);
if (this._selected)
{
// clear timers for parent menu
window.clearTimeout(pm._closeTimer);
}
};
MenuItem.prototype.getSelected = function ()
{
return this.itemIndex == this.parentMenu.selectedIndex;
};
MenuItem.prototype.showSubMenu = function (bDelayed)
{
var sm = this.subMenu;
var pm = this.parentMenu;
if (sm && !this.disabled)
{
pm._aboutToShowSubMenu = true;
window.clearTimeout(sm._showTimer);
window.clearTimeout(sm._closeTimer);
var showTimeout = bDelayed ? sm.showTimeout : 0;
var oThis = this;
sm._showTimer = window.setTimeout(
"eventListeners.menuItem.onshowtimer(\"" + this.id + "\")",
showTimeout);
}
};
MenuItem.prototype.closeSubMenu = function (bDelay)
{
var sm = this.subMenu;
if (sm)
{
window.clearTimeout(sm._showTimer);
window.clearTimeout(sm._closeTimer);
if (sm.popup)
{
if (!bDelay)
sm.close();
else
{
var oThis = this;
sm._closeTimer = window.setTimeout(
"eventListeners.menuItem.onclosetimer(\"" + this.id + "\")",
sm.closeTimeout);
}
}
}
};
MenuItem.prototype.scrollIntoView = function ()
{
if (this.parentMenu._scrollingMode)
{
var d = this.parentMenu.getDocument();
var sc = d.getElementById("scroll-container");
var scrollTop = sc.scrollTop;
var clientHeight = sc.clientHeight;
var offsetTop = this._htmlElement.offsetTop;
var offsetHeight = this._htmlElement.offsetHeight;
if (offsetTop < scrollTop)
sc.scrollTop = offsetTop;
else if (offsetTop + offsetHeight > scrollTop + clientHeight)
sc.scrollTop = offsetTop + offsetHeight - clientHeight;
}
};
MenuItem.prototype.positionSubMenu = function ()
{
var dir = this.subMenuDirection;
var el = this._htmlElement;
var useInsets = this._useInsets;
var sm = this.subMenu;
var oThis = this;
if (!sm._isCssFileLoaded())
{
window.setTimeout(
"eventListeners.menuItem.onpositionsubmenutimer(\"" + this.id + "\")",
1);
return;
}
// find parent item rectangle
var rect = {
left: posLib.getScreenLeft(el),
top: posLib.getScreenTop(el),
width: el.offsetWidth,
height: el.offsetHeight
};
var menuRect = {
left: sm.getLeft(),
top: sm.getTop(),
width: sm.getPreferredWidth(),
height: sm.getPreferredHeight(),
insetLeft: useInsets ? sm.getInsetLeft() : 0,
insetRight: useInsets ? sm.getInsetRight() : 0,
insetTop: useInsets ? sm.getInsetTop() : 0,
insetBottom: useInsets ? sm.getInsetBottom() : 0
};
// work around for buggy graphics drivers that screw up the screen.left
var screenWidth = screen.width;
var screenHeight = screen.height;
while (rect.left > screenWidth)
screenWidth += screen.width;
while (rect.top > screenHeight)
screenHeight += screen.height;
var left, top, width = menuRect.width, height = menuRect.height;
if (dir == "vertical")
{
if (rect.left + menuRect.width - menuRect.insetLeft <= screenWidth)
left = rect.left - menuRect.insetLeft;
else if (screenWidth >= menuRect.width)
left = screenWidth - menuRect.width;
else
left = 0;
if (rect.top + rect.height + menuRect.height - menuRect.insetTop <= screenHeight)
top = rect.top + rect.height - menuRect.insetTop;
else if (rect.top - menuRect.height + menuRect.insetBottom >= 0)
top = rect.top - menuRect.height + menuRect.insetBottom;
else
{ // use largest and resize
var sizeAbove = rect.top + menuRect.insetBottom;
var sizeBelow = screenHeight - rect.top - rect.height + menuRect.insetTop;
if (sizeBelow >= sizeAbove)
{
top = rect.top + rect.height - menuRect.insetTop;
height = sizeBelow;
}
else
{
top = 0;
height = sizeAbove;
}
}
}
else
{
if (rect.top + menuRect.height - menuRect.insetTop <= screenHeight)
top = rect.top - menuRect.insetTop;
else if (rect.top + rect.height - menuRect.height + menuRect.insetBottom >= 0)
top = rect.top + rect.height - menuRect.height + menuRect.insetBottom;
else if (screenHeight >= menuRect.height)
top = screenHeight - menuRect.height;
else
{
top = 0;
height = screenHeight
}
if (rect.left + rect.width + menuRect.width - menuRect.insetLeft <= screenWidth)
left = rect.left + rect.width - menuRect.insetLeft;
else if (rect.left - menuRect.width + menuRect.insetRight >= 0)
left = rect.left - menuRect.width + menuRect.insetRight;
else if (screenWidth >= menuRect.width)
left = screenWidth - menuRect.width;
else
left = 0;
}
var scrollBefore = sm._scrollingMode;
sm.show(left, top, width, height);
if (sm._scrollingMode != scrollBefore)
this.positionSubMenu();
};
MenuItem.prototype.destroy = function ()
{
if (this.subMenu != null)
this.subMenu.destroy();
this.subMenu = null;
this.parentMenu = null;
var el = this._htmlElement
if (el != null)
el._menuItem = null;
this._htmlElement = null;
menuCache.remove(this);
};
///////////////////////////////////////////////////////////////////////////////
// CheckBoxMenuItem extends MenuItem
//
function CheckBoxMenuItem(sLabelText, bChecked, fAction, oSubMenu)
{
this.MenuItem = MenuItem;
this.MenuItem(sLabelText, fAction, null, oSubMenu);
// public
this.checked = bChecked;
}
CheckBoxMenuItem.prototype = new MenuItem;
CheckBoxMenuItem.prototype.getIconHtml = function ()
{
return "" +
(this.checked ? "a" : " ") +
"";
};
CheckBoxMenuItem.prototype.getIconCellHtml = function ()
{
return "" +
this.makeDisabledContainer(
this.getIconHtml()
) +
" | ";
};
CheckBoxMenuItem.prototype.getCssClass = function ()
{
var s = (this.checked ? " checked" : "");
if (this.disabled && this._selected)
return "disabled-hover" + s;
else if (this.disabled)
return "disabled" + s;
else if (this._selected)
return "hover" + s;
return s;
};
CheckBoxMenuItem.prototype._menuItem_dispatchAction =
MenuItem.prototype.dispatchAction;
CheckBoxMenuItem.prototype.dispatchAction = function ()
{
if (!this.disabled)
{
this.checked = !this.checked;
this._menuItem_dispatchAction();
this.parentMenu.invalidate();
this.parentMenu.closeAllMenus();
}
};
///////////////////////////////////////////////////////////////////////////////
// RadioButtonMenuItem extends MenuItem
//
function RadioButtonMenuItem(sLabelText, bChecked, sRadioGroupName, fAction, oSubMenu)
{
this.MenuItem = MenuItem;
this.MenuItem(sLabelText, fAction, null, oSubMenu);
// public
this.checked = bChecked;
this.radioGroupName = sRadioGroupName;
}
RadioButtonMenuItem.prototype = new MenuItem;
RadioButtonMenuItem.prototype.getIconHtml = function ()
{
return "" +
(this.checked ? "n" : " ") +
"";
};
RadioButtonMenuItem.prototype.getIconCellHtml = function ()
{
return "" +
this.makeDisabledContainer(
this.getIconHtml()
) +
" | ";
};
RadioButtonMenuItem.prototype.getCssClass = function ()
{
var s = (this.checked ? " checked" : "");
if (this.disabled && this._selected)
return "disabled-hover" + s;
else if (this.disabled)
return "disabled" + s;
else if (this._selected)
return "hover" + s;
return s;
};
RadioButtonMenuItem.prototype._menuItem_dispatchAction =
MenuItem.prototype.dispatchAction;
RadioButtonMenuItem.prototype.dispatchAction = function ()
{
if (!this.disabled)
{
if (!this.checked)
{
// loop through items in parent menu
var items = this.parentMenu.items;
var l = items.length;
for (var i = 0; i < l; i++)
{
if (items[i] instanceof RadioButtonMenuItem)
{
if (items[i].radioGroupName == this.radioGroupName)
{
items[i].checked = items[i] == this;
}
}
}
this.parentMenu.invalidate();
}
this._menuItem_dispatchAction();
this.parentMenu.closeAllMenus();
}
};
///////////////////////////////////////////////////////////////////////////////
// MenuSeparator extends MenuItem
//
function MenuSeparator()
{
this.MenuItem = MenuItem;
this.MenuItem();
}
MenuSeparator.prototype = new MenuItem;
MenuSeparator.prototype.toHtml = function ()
{
return "| " +
"" +
" |
";
};
MenuSeparator.prototype.getCssClass = function ()
{
return "separator";
};
////////////////////////////////////////////////////////////////////////////////////
// MenuBar extends Menu
//
function MenuBar()
{
this.items = [];
this.parentMenu = null;
this.parentMenuItem = null;
this.shownSubMenu = null;
this._aboutToShowSubMenu = false;
this.active = false;
this.id = menuCache.getId();
menuCache[ this.id ] = this;
}
MenuBar.prototype = new Menu;
MenuBar.prototype._document = null;
MenuBar.leftMouseButton = 1;
MenuBar.prototype.toHtml = function ()
{
var items = this.items;
var l = items.length;
var itemsHtml = new Array(l);
for (var i = 0; i < l; i++)
itemsHtml[i] = items[i].toHtml();
return "";
};
MenuBar.prototype.invalidate = function ()
{
if (this._htmlElement)
{
this.detachEvents();
var oldEl = this._htmlElement;
var newEl = this.create(this._document);
oldEl.parentNode.replaceChild(newEl, oldEl);
}
};
MenuBar.prototype.createPopup = function ()
{
};
MenuBar.prototype.getPopup = function ()
{
};
MenuBar.prototype.drawMenu = function ()
{
};
MenuBar.prototype.getDocument = function ()
{
return this._document;
};
MenuBar.prototype.show = function (left, top, w, h)
{
};
MenuBar.prototype.isShown = function ()
{
return true;
};
MenuBar.prototype.fixSize = function ()
{
}
MenuBar.prototype.getWidth = function ()
{
return this._htmlElement.offsetWidth;
};
MenuBar.prototype.getHeight = function ()
{
return this._htmlElement.offsetHeight;
};
MenuBar.prototype.getPreferredWidth = function ()
{
var el = this._htmlElement;
el.runtimStyle.whiteSpace = "nowrap";
var sw = el.scrollWidth;
el.runtimStyle.whiteSpace = "";
return sw + parseInt(el.currentStyle.borderLeftWidth) +
parseInt(el.currentStyle.borderRightWidth);
};
MenuBar.prototype.getPreferredHeight = function ()
{
var el = this._htmlElement;
el.runtimStyle.whiteSpace = "nowrap";
var sw = el.scrollHeight;
el.runtimStyle.whiteSpace = "";
return sw + parseInt(el.currentStyle.borderTopWidth) +
parseInt(el.currentStyle.borderBottomWidth);
};
MenuBar.prototype.getLeft = function ()
{
return posLib.getScreenLeft(this._htmlElement);
};
MenuBar.prototype.getTop = function ()
{
return posLib.getScreenLeft(this._htmlElement);
};
MenuBar.prototype.setLeft = function (l)
{
};
MenuBar.prototype.setTop = function (t)
{
};
MenuBar.prototype.setLocation = function (l, t)
{
};
MenuBar.prototype.setRect = function (l, t, w, h)
{
};
MenuBar.prototype.getInsetLeft = function ()
{
return parseInt(this._htmlElement.currentStyle.borderLeftWidth);
};
MenuBar.prototype.getInsetRight = function ()
{
return parseInt(this._htmlElement.currentStyle.borderRightWidth);
};
MenuBar.prototype.getInsetTop = function ()
{
return parseInt(this._htmlElement.currentStyle.borderTopWidth);
};
MenuBar.prototype.getInsetBottom = function ()
{
return parseInt(this._htmlElement.currentStyle.borderBottomWidth);
};
MenuBar.prototype.fixScrollButtons = function ()
{
};
MenuBar.prototype.fixScrollEnabledState = function ()
{
};
MenuBar.prototype.makeEventListeners = function ()
{
if (this.eventListeners != null)
return;
this.eventListeners = {
onmouseover: new Function("eventListeners.menuBar.onmouseover(\"" + this.id + "\")"),
onmouseout: new Function("eventListeners.menuBar.onmouseout(\"" + this.id + "\")"),
onmousedown: new Function("eventListeners.menuBar.onmousedown(\"" + this.id + "\")"),
onkeydown: new Function("eventListeners.menuBar.onkeydown(\"" + this.id + "\")"),
onunload: new Function("eventListeners.menuBar.onunload(\"" + this.id + "\")")
};
};
MenuBar.prototype.detachEvents = function ()
{
if (this.eventListeners == null)
return;
this._htmlElement.detachEvent("onmouseover", this.eventListeners.onmouseover);
this._htmlElement.detachEvent("onmouseout", this.eventListeners.onmouseout);
this._htmlElement.detachEvent("onmousedown", this.eventListeners.onmousedown);
this._document.detachEvent("onkeydown", this.eventListeners.onkeydown);
window.detachEvent("onunload", this.eventListeners.onunload);
}
MenuBar.prototype.hookupMenu = function (element)
{
if (!this._document)
this._document = element.document;
this.detachEvents();
this.makeEventListeners();
// create shortcut to html element
this._htmlElement = element;
element.unselectable = "on";
// and same for menu buttons
var cs = element.childNodes;
var items = this.items;
var l = cs.length;
for (var i = 0; i < l; i++)
{
items[i]._htmlElement = cs[i];
cs[i]._menuItem = items[i];
}
// hook up events
element.attachEvent("onmouseover", this.eventListeners.onmouseover);
element.attachEvent("onmouseout", this.eventListeners.onmouseout);
element.attachEvent("onmousedown", this.eventListeners.onmousedown);
this._document.attachEvent("onkeydown", this.eventListeners.onkeydown);
window.attachEvent("onunload", this.eventListeners.onunload);
};
function getMenuItemElement(el)
{
while (el != null && el._menuItem == null)
el = el.parentNode;
return el;
}
function getTrElement(el)
{
while (el != null && el.tagName != "TR")
el = el.parentNode;
return el;
}
MenuBar.prototype.write = function (oDocument)
{
this._document = oDocument || document;
this._document.write(this.toHtml());
var el = this._document.getElementById(this.id);
this.hookupMenu(el);
};
MenuBar.prototype.create = function (oDocument)
{
this._document = oDocument || document;
var dummyDiv = this._document.createElement("DIV");
dummyDiv.innerHTML = this.toHtml();
var el = dummyDiv.removeChild(dummyDiv.firstChild);
this.hookupMenu(el);
return el;
};
MenuBar.prototype.handleKeyEvent = function (e)
{
if (this.getActiveState() == "open")
return;
var nKeyCode = e.keyCode;
if (this.active && e[ Menu.keyboardAccelProperty ])
{
e.returnValue = false;
e.keyCode = 0;
}
if (nKeyCode == Menu.keyboardAccelKey || nKeyCode == Menu.keyboardAccelKey2)
{
if (!e.repeat)
{
this.toggleActive();
}
e.returnValue = false;
e.keyCode = 0;
return;
}
if (!this.active)
{
// do not set return value to true
return;
}
switch (nKeyCode)
{
case 39: // right
this.goToNextMenuItem();
e.returnValue = false;
break;
case 37: // left
this.goToPreviousMenuItem();
e.returnValue = false;
break;
case 40: // down
case 38: // up
case 13: // enter
var mi = this.items[ this.getSelectedIndex() ];
if (mi)
{
mi.dispatchAction();
if (mi.subMenu)
mi.subMenu.setSelectedIndex(0);
}
e.returnValue = false;
break;
case 27: // esc
// we need to make sure that the menu bar looses its current
// keyboard activation state
this.setActive(false);
e.returnValue = false;
break;
default:
// find any mnemonic that matches
var c = String.fromCharCode(nKeyCode).toLowerCase();
var items = this.items;
var l = items.length;
for (var i = 0; i < l; i++)
{
if (items[i].mnemonic == c)
{
items[i].dispatchAction();
e.returnValue = false;
break;
}
}
}
};
MenuBar.prototype.getMenuBar = function ()
{
return this;
};
MenuBar.prototype._menu_goToNextMenuItem = Menu.prototype.goToNextMenuItem;
MenuBar.prototype.goToNextMenuItem = function ()
{
var expand = this.getActiveState() == "open";
this._menu_goToNextMenuItem();
var mi = this.items[ this.getSelectedIndex() ];
if (expand && mi != null)
{
window.setTimeout(
"eventListeners.menuBar.ongotonextmenuitem(\"" + this.id + "\")",
1);
}
};
MenuBar.prototype._menu_goToPreviousMenuItem = Menu.prototype.goToPreviousMenuItem;
MenuBar.prototype.goToPreviousMenuItem = function ()
{
var expand = this.getActiveState() == "open";
this._menu_goToPreviousMenuItem();
var mi = this.items[ this.getSelectedIndex() ];
if (expand && mi != null)
{
window.setTimeout(
"eventListeners.menuBar.ongotopreviousmenuitem(\"" + this.id + "\")",
1);
}
};
MenuBar.prototype._menu_setSelectedIndex = Menu.prototype.setSelectedIndex;
MenuBar.prototype.setSelectedIndex = function (nIndex)
{
this._menu_setSelectedIndex(nIndex);
this.active = nIndex != -1;
};
MenuBar.prototype.setActive = function (bActive)
{
if (this.active != bActive)
{
this.active = Boolean(bActive);
if (this.active)
{
this.setSelectedIndex(0);
this.backupFocused();
window.focus();
}
else
{
this.setSelectedIndex(-1);
this.restoreFocused();
}
}
};
MenuBar.prototype.toggleActive = function ()
{
if (this.getActiveState() == "active")
this.setActive(false);
else if (this.getActiveState() == "inactive")
this.setActive(true);
};
// returns active, inactive or open
MenuBar.prototype.getActiveState = function ()
{
if (this.shownSubMenu != null || this._aboutToShowSubMenu)
return "open";
else if (this.active)
return "active";
else
return "inactive";
};
MenuBar.prototype.backupFocused = function ()
{
this._activeElement = this._document.activeElement;
};
MenuBar.prototype.restoreFocused = function ()
{
try
{
this._activeElement.focus();
}
catch (ex)
{
}
delete this._activeElement;
};
MenuBar.prototype.destroy = function ()
{
var l = this.items.length;
for (var i = l - 1; i >= 0; i--)
this.items[i].destroy();
this.detachEvents();
this._activeElement = null;
this._htmlElement = null;
this._document = null;
this.items = [];
this.shownSubMenu = null;
this.eventListeners = null;
menuCache.remove(this);
};
////////////////////////////////////////////////////////////////////////////////////
// MenuButton extends MenuItem
//
function MenuButton(sLabelText, oSubMenu)
{
this.MenuItem = MenuItem;
this.MenuItem(sLabelText, null, null, oSubMenu);
// private
this._hover = false;
this._useInsets = false;
// should insets be taken into account when showing sub menu
}
MenuButton.prototype = new MenuItem;
MenuButton.prototype.subMenuDirection = "vertical";
MenuButton.prototype.scrollIntoView = function ()
{
};
MenuButton.prototype.toHtml = function ()
{
var cssClass = this.getCssClass();
var toolTip = this.getToolTip();
if (this.subMenu && !this.subMenu._onclose)
this.subMenu._onclose = new Function("eventListeners.menuButton.onclose(\"" + this.id + "\")");
return "" +
"" +
this.getTextHtml() +
"" +
"" +
"";
};
MenuButton.prototype.getCssClass = function ()
{
if (this.disabled && this._selected)
return "menu-button disabled-hover";
else if (this.disabled)
return "menu-button disabled";
else if (this._selected)
{
if (this.parentMenu.getActiveState() == "open")
{
return "menu-button active";
}
else
return "menu-button hover";
}
else if (this._hover)
return "menu-button hover";
return "menu-button ";
};
MenuButton.prototype.subMenuClosed = function ()
{
if (this.subMenu._closeReason == "escape")
this.setSelected(true);
else
this.setSelected(false);
if (this.parentMenu.getActiveState() == "inactive")
this.parentMenu.restoreFocused();
};
MenuButton.prototype.setSelected = function (bSelected)
{
var oldSelected = this._selected;
this._selected = Boolean(bSelected);
var tr = this._htmlElement;
if (tr)
tr.className = this.getCssClass();
if (this._selected == oldSelected)
return;
if (!this._selected)
this.closeSubMenu(true);
if (bSelected)
{
this.parentMenu.setSelectedIndex(this.itemIndex);
this.scrollIntoView();
}
else
this.parentMenu.setSelectedIndex(-1);
};
////////////////////////////////////////////////////////////////////////////////////
// event listener
//
var eventListeners = {
menu: {
onkeydown: function (id)
{
var oThis = menuCache[id];
var w = oThis.getDocument().parentWindow;
oThis.handleKeyEvent(w.event);
},
onunload: function (id)
{
if (id in menuCache)
{
menuCache[id].closeAllMenus();
menuCache[id].destroy();
}
// else already destroyed
},
oncontextmenu: function (id)
{
var oThis = menuCache[id];
var w = oThis.getDocument().parentWindow;
w.event.returnValue = false;
},
onscroll: function (id)
{
menuCache[id].fixScrollEnabledState();
},
onmouseover: function (id)
{
var oThis = menuCache[id];
var w = oThis.getDocument().parentWindow;
var fromEl = getTrElement(w.event.fromElement);
var toEl = getTrElement(w.event.toElement);
if (toEl != null && toEl != fromEl)
{
var mi = toEl._menuItem;
if (mi)
{
if (!mi.disabled || oThis.mouseHoverDisabled)
{
mi.setSelected(true);
mi.showSubMenu(true);
}
}
else
{ // scroll button
if (toEl.className == "disabled" || toEl.className == "disabled-hover")
toEl.className = "disabled-hover";
else
toEl.className = "hover";
oThis.selectedIndex = -1;
}
}
},
onmouseout: function (id)
{
var oThis = menuCache[id];
var w = oThis.getDocument().parentWindow;
var fromEl = getTrElement(w.event.fromElement);
var toEl = getTrElement(w.event.toElement);
if (fromEl != null && toEl != fromEl)
{
var id = fromEl.parentNode.parentNode.id;
var mi = fromEl._menuItem;
if (id == "scroll-up-item" || id == "scroll-down-item")
{
if (fromEl.className == "disabled-hover" || fromEl.className == "disabled")
fromEl.className = "disabled";
else
fromEl.className = "";
oThis.selectedIndex = -1;
}
else if (mi &&
( toEl != null || mi.subMenu == null || mi.disabled ))
{
mi.setSelected(false);
}
}
},
onmouseup: function (id)
{
var oThis = menuCache[id];
var w = oThis.getDocument().parentWindow;
var srcEl = getMenuItemElement(w.event.srcElement);
if (srcEl != null)
{
var id = srcEl.parentNode.parentNode.id;
if (id == "scroll-up-item" || id == "scroll-down-item")
{
return;
}
oThis.selectedIndex = srcEl.rowIndex;
var menuItem = oThis.items[ oThis.selectedIndex ];
menuItem.dispatchAction();
}
},
onmousewheel: function (id)
{
var oThis = menuCache[id];
var d = oThis.getDocument();
var w = d.parentWindow;
var scrollContainer = d.getElementById("scroll-container");
scrollContainer.scrollTop -= 3 * w.event.wheelDelta / 120 * ScrollButton.scrollAmount;
},
onreadystatechange: function (id)
{
var oThis = menuCache[id];
var d = oThis.getDocument();
var linkEl = d.getElementsByTagName("LINK")[0];
if (linkEl.readyState == "complete")
{
oThis.resetSizeCache();
// reset sizes
oThis.fixSize();
oThis.fixScrollButtons();
}
},
oncloseinterval: function (id)
{
menuCache[id]._checkCloseState();
}
},
menuItem: {
onshowtimer: function (id)
{
var oThis = menuCache[id];
var sm = oThis.subMenu;
var pm = oThis.parentMenu;
var selectedIndex = sm.getSelectedIndex();
pm.closeAllSubs(sm);
window.setTimeout("eventListeners.menuItem.onshowtimer2(\"" + id + "\")", 1);
},
onshowtimer2: function (id)
{
var oThis = menuCache[id];
var sm = oThis.subMenu;
var selectedIndex = sm.getSelectedIndex();
oThis.positionSubMenu();
sm.setSelectedIndex(selectedIndex);
oThis.setSelected(true);
},
onclosetimer: function (id)
{
var oThis = menuCache[id];
var sm = oThis.subMenu;
sm.close();
},
onpositionsubmenutimer: function (id)
{
var oThis = menuCache[id];
var sm = oThis.subMenu;
sm.resetSizeCache();
// reset sizes
oThis.positionSubMenu();
sm.setSelectedIndex(0);
}
},
menuBar: {
onmouseover: function (id)
{
var oThis = menuCache[id];
var e = oThis.getDocument().parentWindow.event;
var fromEl = getMenuItemElement(e.fromElement);
var toEl = getMenuItemElement(e.toElement);
if (toEl != null && toEl != fromEl)
{
var mb = toEl._menuItem;
var m = mb.parentMenu;
if (m.getActiveState() == "open")
{
window.setTimeout(function ()
{
mb.dispatchAction();
}, 1);
}
else if (m.getActiveState() == "active")
{
mb.setSelected(true);
}
else
{
mb._hover = true;
toEl.className = mb.getCssClass();
}
}
},
onmouseout: function (id)
{
var oThis = menuCache[id];
var e = oThis.getDocument().parentWindow.event;
var fromEl = getMenuItemElement(e.fromElement);
var toEl = getMenuItemElement(e.toElement);
if (fromEl != null && toEl != fromEl)
{
var mb = fromEl._menuItem;
mb._hover = false;
fromEl.className = mb.getCssClass();
}
},
onmousedown: function (id)
{
var oThis = menuCache[id];
var e = oThis.getDocument().parentWindow.event;
if (e.button != MenuBar.leftMouseButton)
return;
var el = getMenuItemElement(e.srcElement);
if (el != null)
{
var mb = el._menuItem;
if (mb.subMenu)
{
mb.subMenu._checkCloseState();
if (new Date() - mb.subMenu._closedAt > 100)
{ // longer than the time to
// do the hide
mb.dispatchAction();
}
else
{
mb._hover = true;
mb._htmlElement.className = mb.getCssClass();
}
}
}
},
onkeydown: function (id)
{
var oThis = menuCache[id];
var e = oThis.getDocument().parentWindow.event;
oThis.handleKeyEvent(e);
},
onunload: function (id)
{
menuCache[id].destroy();
},
ongotonextmenuitem: function (id)
{
var oThis = menuCache[id];
var mi = oThis.items[ oThis.getSelectedIndex() ];
mi.dispatchAction();
if (mi.subMenu)
mi.subMenu.setSelectedIndex(0);
},
ongotopreviousmenuitem: function (id)
{
var oThis = menuCache[id];
var mi = oThis.items[ oThis.getSelectedIndex() ];
mi.dispatchAction();
if (mi.subMenu)
mi.subMenu.setSelectedIndex(0);
}
},
menuButton: {
onclose: function (id)
{
menuCache[id].subMenuClosed();
}
}
};
//=====================================Menu.Clone===============================================//
Menu.prototype.clone = function ()
{
var nm = new Menu();
if (this.cssFile !== Menu.prototype.cssFile)
nm.cssFile = this.cssFile;
if (this.cssText !== Menu.prototype.cssText)
nm.cssText = this.cssText;
if (this.mouseHoverDisabled !== Menu.prototype.mouseHoverDisabled)
nm.mouseHoverDisabled = this.mouseHoverDisabled;
if (this.showTimeout !== Menu.prototype.showTimeout)
nm.showTimeout = this.showTimeout;
if (this.closeTimeout !== Menu.prototype.closeTimeout)
nm.closeTimeout = this.closeTimeout;
for (var i = 0; i < this.items.length; i++)
nm.add(this.items[i].clone());
return nm;
};
MenuItem.prototype.clone = function ()
{
var ni = new MenuItem(this.text, this.action, this.icon,
this.subMenu ? this.subMenu.clone() : null);
if (this.subMenuDirection !== MenuItem.prototype.subMenuDirection)
ni.subMenuDirection = this.subMenuDirection;
if (this.disabled !== MenuItem.prototype.disabled)
ni.disabled = this.disabled;
if (this.mnemonic !== MenuItem.prototype.mnemonic)
ni.mnemonic = this.mnemonic;
if (this.shortcut !== MenuItem.prototype.shortcut)
ni.shortcut = this.shortcut;
if (this.toolTip !== MenuItem.prototype.toolTip)
ni.toolTip = this.toolTip;
if (this.target !== MenuItem.prototype.target)
ni.target = this.target;
if (this.visible !== MenuItem.prototype.visible)
ni.visible = this.visible;
return ni;
};
CheckBoxMenuItem.prototype.clone = function ()
{
var ni = new CheckBoxMenuItem(this.text, this.checked, this.action,
this.subMenu ? this.subMenu.clone() : null);
if (this.subMenuDirection !== CheckBoxMenuItem.prototype.subMenuDirection)
ni.subMenuDirection = this.subMenuDirection;
if (this.disabled !== CheckBoxMenuItem.prototype.disabled)
ni.disabled = this.disabled;
if (this.mnemonic !== CheckBoxMenuItem.prototype.mnemonic)
ni.mnemonic = this.mnemonic;
if (this.shortcut !== CheckBoxMenuItem.prototype.shortcut)
ni.shortcut = this.shortcut;
if (this.toolTip !== CheckBoxMenuItem.prototype.toolTip)
ni.toolTip = this.toolTip;
if (this.target !== CheckBoxMenuItem.prototype.target)
ni.target = this.target;
if (this.visible !== CheckBoxMenuItem.prototype.visible)
ni.visible = this.visible;
return ni;
};
RadioButtonMenuItem.prototype.clone = function ()
{
var ni = new RadioButtonMenuItem(this.text, this.checked, this.radioGroupName,
this.action, this.subMenu ? this.subMenu.clone() : null);
if (this.subMenuDirection !== RadioButtonMenuItem.prototype.subMenuDirection)
ni.subMenuDirection = this.subMenuDirection;
if (this.disabled !== RadioButtonMenuItem.prototype.disabled)
ni.disabled = this.disabled;
if (this.mnemonic !== RadioButtonMenuItem.prototype.mnemonic)
ni.mnemonic = this.mnemonic;
if (this.shortcut !== RadioButtonMenuItem.prototype.shortcut)
ni.shortcut = this.shortcut;
if (this.toolTip !== RadioButtonMenuItem.prototype.toolTip)
ni.toolTip = this.toolTip;
if (this.target !== RadioButtonMenuItem.prototype.target)
ni.target = this.target;
if (this.visible !== RadioButtonMenuItem.prototype.visible)
ni.visible = this.visible;
return ni;
};
MenuSeparator.prototype.clone = function ()
{
var ni = new MenuSeparator();
if (this.subMenuDirection !== MenuSeparator.prototype.subMenuDirection)
ni.subMenuDirection = this.subMenuDirection;
if (this.disabled !== MenuSeparator.prototype.disabled)
ni.disabled = this.disabled;
if (this.mnemonic !== MenuSeparator.prototype.mnemonic)
ni.mnemonic = this.mnemonic;
if (this.shortcut !== MenuSeparator.prototype.shortcut)
ni.shortcut = this.shortcut;
if (this.toolTip !== MenuSeparator.prototype.toolTip)
ni.toolTip = this.toolTip;
if (this.target !== MenuSeparator.prototype.target)
ni.target = this.target;
if (this.visible !== MenuSeparator.prototype.visible)
ni.visible = this.visible;
return ni;
};
MenuBar.prototype.clone = function ()
{
var nm = new MenuBar();
if (this.cssFile !== MenuBar.prototype.cssFile)
nm.cssFile = this.cssFile;
if (this.cssText !== MenuBar.prototype.cssText)
nm.cssText = this.cssText;
if (this.mouseHoverDisabled !== MenuBar.prototype.mouseHoverDisabled)
nm.mouseHoverDisabled = this.mouseHoverDisabled;
if (this.showTimeout !== MenuBar.prototype.showTimeout)
nm.showTimeout = this.showTimeout;
if (this.closeTimeout !== MenuBar.prototype.closeTimeout)
nm.closeTimeout = this.closeTimeout;
for (var i = 0; i < this.items.length; i++)
nm.add(this.items[i].clone());
return nm;
};
MenuButton.prototype.clone = function ()
{
var ni = new MenuButton(this.text, this.subMenu.clone());
if (this.subMenuDirection !== MenuButton.prototype.subMenuDirection)
ni.subMenuDirection = this.subMenuDirection;
if (this.disabled !== MenuButton.prototype.disabled)
ni.disabled = this.disabled;
if (this.mnemonic !== MenuButton.prototype.mnemonic)
ni.mnemonic = this.mnemonic;
if (this.shortcut !== MenuButton.prototype.shortcut)
ni.shortcut = this.shortcut;
if (this.toolTip !== MenuButton.prototype.toolTip)
ni.toolTip = this.toolTip;
if (this.target !== MenuButton.prototype.target)
ni.target = this.target;
if (this.visible !== MenuButton.prototype.visible)
ni.visible = this.visible;
return ni;
};
//==================================PosLib===========================================//
// This only works in IE5 and IE6+ with both CSS1 and Quirk mode
var posLib = {
getIeBox: function (el)
{
return this.ie && el.document.compatMode != "CSS1Compat";
},
// relative client viewport (outer borders of viewport)
getClientLeft: function (el)
{
var r = el.getBoundingClientRect();
return r.left - this.getBorderLeftWidth(this.getCanvasElement(el));
},
getClientTop: function (el)
{
var r = el.getBoundingClientRect();
return r.top - this.getBorderTopWidth(this.getCanvasElement(el));
},
// relative canvas/document (outer borders of canvas/document,
// outside borders of element)
getLeft: function (el)
{
return this.getClientLeft(el) + this.getCanvasElement(el).scrollLeft;
},
getTop: function (el)
{
return this.getClientTop(el) + this.getCanvasElement(el).scrollTop;
},
// relative canvas/document (outer borders of canvas/document,
// inside borders of element)
getInnerLeft: function (el)
{
return this.getLeft(el) + this.getBorderLeftWidth(el);
},
getInnerTop: function (el)
{
return this.getTop(el) + this.getBorderTopWidth(el);
},
// width and height (outer, border-box)
getWidth: function (el)
{
return el.offsetWidth;
},
getHeight: function (el)
{
return el.offsetHeight;
},
getCanvasElement: function (el)
{
var doc = el.ownerDocument || el.document;
// IE55 bug
if (doc.compatMode == "CSS1Compat")
return doc.documentElement;
else
return doc.body;
},
getBorderLeftWidth: function (el)
{
return el.clientLeft;
},
getBorderTopWidth: function (el)
{
return el.clientTop;
},
getScreenLeft: function (el)
{
var doc = el.ownerDocument || el.document;
// IE55 bug
var w = doc.parentWindow;
return w.screenLeft + this.getBorderLeftWidth(this.getCanvasElement(el)) +
this.getClientLeft(el);
},
getScreenTop: function (el)
{
var doc = el.ownerDocument || el.document;
// IE55 bug
var w = doc.parentWindow;
return w.screenTop + this.getBorderTopWidth(this.getCanvasElement(el)) +
this.getClientTop(el);
}
};
posLib.ua = navigator.userAgent;
posLib.opera = /opera [56789]|opera\/[56789]/i.test(posLib.ua);
posLib.ie = (!posLib.opera) && /MSIE/.test(posLib.ua);
posLib.ie6 = posLib.ie && /MSIE [6789]/.test(posLib.ua);
posLib.moz = !posLib.opera && /gecko/i.test(posLib.ua);
//===============================ScrollButton=============================
var scrollButtonCache = {
_count: 0,
_idPrefix: "-scroll-button-cache-",
getId: function ()
{
return this._idPrefix + this._count++;
},
remove: function (o)
{
delete this[ o.id ];
}
};
function ScrollButton(oEl, oScrollContainer, nDir)
{
this.htmlElement = oEl;
this.scrollContainer = oScrollContainer;
this.dir = nDir;
this.id = scrollButtonCache.getId();
scrollButtonCache[ this.id ] = this;
this.makeEventListeners();
this.attachEvents();
}
ScrollButton.scrollIntervalPause = 100;
ScrollButton.scrollAmount = 18;
ScrollButton.prototype.startScroll = function ()
{
this._interval = window.setInterval(
"ScrollButton.eventListeners.oninterval(\"" + this.id + "\")",
ScrollButton.scrollIntervalPause);
};
ScrollButton.prototype.endScroll = function ()
{
if (this._interval != null)
{
window.clearInterval(this._interval);
delete this._interval;
}
};
ScrollButton.prototype.makeEventListeners = function ()
{
if (this.eventListeners != null)
return;
this.eventListeners = {
onmouseover: new Function("ScrollButton.eventListeners.onmouseover(\"" + this.id + "\")"),
onmouseout: new Function("ScrollButton.eventListeners.onmouseout(\"" + this.id + "\")"),
onunload: new Function("ScrollButton.eventListeners.onunload(\"" + this.id + "\")")
};
};
ScrollButton.prototype.attachEvents = function ()
{
if (this.eventListeners == null)
return;
this.htmlElement.attachEvent("onmouseover", this.eventListeners.onmouseover);
this.htmlElement.attachEvent("onmouseout", this.eventListeners.onmouseout);
window.attachEvent("onunload", this.eventListeners.onunload);
};
ScrollButton.prototype.detachEvents = function ()
{
if (this.eventListeners == null)
return;
this.htmlElement.detachEvent("onmouseover", this.eventListeners.onmouseover);
this.htmlElement.detachEvent("onmouseout", this.eventListeners.onmouseout);
window.detachEvent("onunload", this.eventListeners.onunload);
};
ScrollButton.prototype.destroy = function ()
{
this.endScroll();
this.detachEvents();
this.htmlElement = null;
this.scrollContainer = null;
this.eventListeners = null;
scrollButtonCache.remove(this);
};
ScrollButton.eventListeners = {
onmouseover: function (id)
{
scrollButtonCache[id].startScroll();
},
onmouseout: function (id)
{
scrollButtonCache[id].endScroll();
},
oninterval: function (id)
{
var oThis = scrollButtonCache[id];
switch (oThis.dir)
{
case 8:
oThis.scrollContainer.scrollTop -= ScrollButton.scrollAmount;
break;
case 2:
oThis.scrollContainer.scrollTop += ScrollButton.scrollAmount;
break;
case 4:
oThis.scrollContainer.scrollLeft -= ScrollButton.scrollAmount;
break;
case 6:
oThis.scrollContainer.scrollLeft += ScrollButton.scrollAmount;
break;
}
},
onunload: function (id)
{
scrollButtonCache[id].destroy();
}
};