" +
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 ) {
var date = new Date();
var url = this.action;
if (url.indexOf("?") > -1)
{
url = url + "&random=";
} else {
url = url + "?random=";
}
window.open( url + date.valueOf(), 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();
}
}
};