//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2000-2004 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************
/********************************************
* METHOD EXTENSIONS:
* setMainMenuPosition, setMainMenuIframeEl, getMainMenuButtonOrientation, setSubMenuPosition, setIframeEl,
* getDocumentWidthLimit, getDocumentHeightLimit, getWidthLimitByElement, getViewportHeight, getViewportWidth,
* topScrolled, widthScrolled, killBubble
* 
* MODIFIED
*  menuItemMouseover
*  menuInit
*  buttonMouseover
*  buttonClick
*  closeSubMenu
*
* NOTES
*  Added focus/blur control to avoid cursor blinking through Menus.
*  Explictly set the zIndex of the frameEl in IE Browsers to 1 to instantiate rendering.
*
* Provided by:
*   Cornel Boudria
*   3PRIME, LLC.
********************************************
*/
//----------------------------------------------------------------------------
// Code to determine the browser and version.
//----------------------------------------------------------------------------
function Browser() {
var ua, s, i;
this.isIE    = false;  // Internet Explorer
this.isOP    = false;  // Opera
this.isNS    = false;  // Netscape
this.version = null;
ua = navigator.userAgent;
s = "Opera";
if ((i = ua.indexOf(s)) >= 0) {
this.isOP = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
// Treat any other "Gecko" browser as Netscape 6.1.
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
s = "MSIE";
if ((i = ua.indexOf(s))) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
}
var browser = new Browser();
//----------------------------------------------------------------------------
// Code for handling the menu bar and active button.
//----------------------------------------------------------------------------
var activeButton = null;
function buttonClick(event, menuId) {
var button;
// Get the target button element.
if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;
// Blur focus from the link to remove that annoying outline.
button.blur();
// Associate the named menu to this button if not already done.
// Additionally, initialize menu display.
if (button.menu == null) {
button.menu = document.getElementById(menuId);
if (button.menu.isInitialized == null)
menuInit(button.menu);
}
// [MODIFIED] Added for activate/deactivate on mouseover.
// Set mouseout event handler for the button, if not already done.
if (button.onmouseout == null)
button.onmouseout = buttonOrMenuMouseout;
// Exit if this button is the currently active one.
if (button == activeButton)
return false;
// [END MODIFIED]
// Reset the currently active button, if any.
if (activeButton != null)
deactivateButton(activeButton);
// Activate this button, unless it was the currently active one.
if (button != activeButton) {
/**
* Get the Main Menu Orientation, relative to it's button activator
* The orientation in an optional 2ND [string] Parameter, with the default being 'top'
*/
var int_orientation_arg_index = 2;
orientation = getMainMenuButtonOrientation( arguments[int_orientation_arg_index] );

var int_pov_arg_index = 3;
pov = getMainMenuPointOfView( arguments[int_pov_arg_index] );

activateButton(button, orientation, pov);
activeButton = button;
}
else
activeButton = null;
return false;
}
function buttonMouseover(event, menuId) {
var button;
// [MODIFIED] Added for activate/deactivate on mouseover.
// Activates this button's menu if no other is currently active.
/**
* Get the Main Menu Orientation, relative to it's button activator, and the Point of View for the Main Menu relative to itself.
* The orientation in an optional 2ND [string] Parameter, with the default being 'top'
*/
var int_orientation_arg_index = 2;
orientation = getMainMenuButtonOrientation( arguments[int_orientation_arg_index] );

var int_pov_arg_index = 3;
pov = getMainMenuPointOfView( arguments[int_pov_arg_index] );

if (activeButton == null) {
buttonClick(event, menuId, orientation, pov);
return;
}
// [END MODIFIED]
// Find the target button element.
if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;
// If any other button menu is active, make this one active instead.
if (activeButton != null && activeButton != button)
buttonClick(event, menuId, orientation, pov);
}
function activateButton(button, orientation, pov) {
var x, y;
// Update the button's style class to make it look like it's
// depressed.
button.className += " menuButtonActive";
// [MODIFIED] Added for activate/deactivate on mouseover.
// Set mouseout event handler for the button, if not already done.
if (button.onmouseout == null)
button.onmouseout = buttonOrMenuMouseout;
if (button.menu.onmouseout == null)
button.menu.onmouseout = buttonOrMenuMouseout;
// [END MODIFIED]
/*[START MODIFIED]*/
// Position the associated drop down relative to the specified button orientation
setMainMenuPosition( button, orientation, pov );
/*[END MODIFIED]*/
}
function setMainMenuPosition( oButton, forientation, fpov ) {
// Set the x, y coordinates for the main menu according to
// the Button Orientation parameter
// In order to avoid a bliking cursor bleeding through the main main/submenus,
// Change the page focus to the refernenced button, then unfocus [blur] the button
// to avoid polluting the rendering space for the button
oButton.focus(); oButton.blur();

/**
 * Capture the current Display state for the Main Menu, and set its display to
 * 'block' to instantiate graphical space assignment by the browser
 */
old_display = oButton.menu.style.display;
oButton.menu.style.display = "block";

switch( forientation ) {
case 'bottom':
  y = getPageOffsetTop(oButton) + oButton.offsetHeight;

  switch( fpov )
  {
    case 'left':
      x = getPageOffsetLeft(oButton);
    break;

    case 'center':
      x = getPageOffsetLeft(oButton) - Math.round( (oButton.menu.offsetWidth - oButton.offsetWidth) / 2 );
    break;

    case 'right':
      x = getPageOffsetLeft(oButton) - (oButton.menu.offsetWidth - oButton.offsetWidth);
    break;

    default: /* POV Default */
      x = getPageOffsetLeft(oButton);
    break;
  }

break;
case 'right':
  x = getPageOffsetLeft(oButton) + oButton.offsetWidth;
  switch( fpov )
  {
    case 'top':
      y = getPageOffsetTop(oButton);
    break;

    case 'bottom':
      y = getPageOffsetTop(oButton) + oButton.offsetHeight;
    break;

    default: /* POV Default */
      y = getPageOffsetTop(oButton);
    break;
  }

break;
case 'top':
  y = getPageOffsetTop(oButton) - oButton.menu.offsetHeight;

  switch( fpov )
  {
    case 'left':
      x = getPageOffsetLeft(oButton);
    break;

    case 'center':
      x = getPageOffsetLeft(oButton) - Math.round( (oButton.menu.offsetWidth - oButton.offsetWidth) / 2 );
    break;

    case 'right':
      x = getPageOffsetLeft(oButton) - (oButton.menu.offsetWidth - oButton.offsetWidth);
    break;

    default: /* POV Default */
      x = getPageOffsetLeft(oButton);
    break;
  }
break;
case 'left':
  x = getPageOffsetLeft(oButton) - oButton.menu.offsetWidth;

  switch( fpov )
  {
    case 'top':
      y = getPageOffsetTop(oButton);
    break;

    case 'bottom':
      y = getPageOffsetTop(oButton) + oButton.offsetHeight;
    break;

    default: /* POV Default */
      y = getPageOffsetTop(oButton);
    break;
  }
break;
default:
  y = getPageOffsetTop(oButton) + oButton.offsetHeight;

  switch( fpov )
  {
    case 'left':
      x = getPageOffsetLeft(oButton);
    break;

    case 'center':
      x = getPageOffsetLeft(oButton) - Math.round( (oButton.menu.offsetWidth - oButton.offsetWidth) / 2 );
    break;

    case 'right':
      x = getPageOffsetLeft(oButton) - (oButton.menu.offsetWidth - oButton.offsetWidth);
    break;

    default: /* POV Default */
      x = getPageOffsetLeft(oButton);
    break;
  }
break;
}
/* Reset the Old Display for the Main Menu */
oButton.menu.style.display = old_display;


if (browser.isIE) {
x += oButton.offsetParent.clientLeft;
y += oButton.offsetParent.clientTop;

}
oButton.menu.style.left = x + "px";
oButton.menu.style.top  = y + "px";
oButton.menu.style.display = "block";  
oButton.menu.style.visibility = "visible";
if (oButton.menu.iframeEl != null) setMainMenuIframeEl( oButton );
}
function setMainMenuIframeEl( foButton ) {  
foButton.menu.iframeEl.style.left = foButton.menu.style.left;
foButton.menu.iframeEl.style.top  = foButton.menu.style.top;
foButton.menu.iframeEl.style.width  = foButton.menu.offsetWidth + "px";
foButton.menu.iframeEl.style.height = foButton.menu.offsetHeight + "px";
foButton.menu.iframeEl.style.display = "block";
foButton.menu.iframeEl.style.visibility = "visible";
}
function getMainMenuButtonOrientation( fOrientation )
{
  // The default orientation is the bottom of the registration button.
  var default_orientation = 'bottom';
  switch( fOrientation ) {
    case 'top': orientation = fOrientation; break;
    case 'right': orientation = fOrientation; break;
    case 'bottom': orientation = fOrientation; break;
    case 'left': orientation = fOrientation; break;
    default: orientation = default_orientation; break;
  }
  
  return orientation;
}

function getMainMenuPointOfView( fPov )
{
  // The default POV is the Left Edge of the Menu.
  var default_pov = 'left';
  switch( fPov ) {
    case 'top': pov = fPov; break;
    case 'right': pov = fPov; break;
    case 'bottom': pov = fPov; break;
    case 'left': pov = fPov; break;
	case 'center': pov = fPov; break;
    default: pov = default_pov; break;
  }  

  return pov;
}

function deactivateButton(button) {
// Restore the button's style class.

removeClassName(button, "menuButtonActive");
// Hide the button's menu, first closing any sub menus.
if (button.menu != null) {
closeSubMenu(button.menu);
button.menu.style.visibility = "hidden";
// For IE, hide menu's IFRAME as well.
if (button.menu.iframeEl != null)
button.menu.iframeEl.style.display = "none";
button.menu.style.display = "none";
}
}
//----------------------------------------------------------------------------
// Code to handle the menus and sub menus.
//----------------------------------------------------------------------------
function menuMouseover(event) {
var menu;
// Find the target menu element.
if (browser.isIE)
menu = getContainerWith(window.event.srcElement, "DIV", "menu");
else
menu = event.currentTarget;
// Close any active sub menu.
if (menu.activeItem != null)
closeSubMenu(menu);
}

function menuItemMouseover(event, menuId) {
var item, menu, x, y;
// Find the target item element and its parent menu element.
if (browser.isIE)
item = getContainerWith(window.event.srcElement, "A", "menuItem");
else
item = event.currentTarget;
menu = getContainerWith(item, "DIV", "menu");
// Close any active sub menu and mark this one as active.
if (menu.activeItem != null)
closeSubMenu(menu);
menu.activeItem = item;
// Highlight the item element.
item.className += " menuItemHighlight";

// Initialize the sub menu, if not already done.
if (item.subMenu == null) {
item.subMenu = document.getElementById(menuId);
if (item.subMenu.isInitialized == null)
menuInit(item.subMenu);
}
// [MODIFIED] Added for activate/deactivate on mouseover.
// Set mouseout event handler for the sub menu, if not already done.
if (item.subMenu.onmouseout == null)
item.subMenu.onmouseout = buttonOrMenuMouseout;
// [END MODIFIED]
setSubMenuPosition( menu, item );
// Stop the event from bubbling.
killBubble(event);
}
/* Set the x, y Coordinates for the Menu attached to the provided oItem Element Reference */
function setSubMenuPosition( containerMenu, oItem ) {
x = getPageOffsetLeft(oItem) + oItem.offsetWidth;
y = getPageOffsetTop(oItem);
// Adjust position to fit in view.
var maxX, maxY;
maxX = getDocumentWidthLimit();
maxY = getDocumentHeightLimit();
/* Activate the submenu's Viewport Space by setting its display property */
oItem.subMenu.style.display = "block";
maxX -= oItem.subMenu.offsetWidth;
maxY -= oItem.subMenu.offsetHeight;
if (x > maxX)
x = Math.max(0, x - oItem.offsetWidth - oItem.subMenu.offsetWidth
+ (containerMenu.offsetWidth - oItem.offsetWidth));
y = Math.max(0, Math.min(y, maxY));
// Position and show the sub menu.
oItem.subMenu.style.left       = x + "px";
oItem.subMenu.style.top        = y + "px";
oItem.subMenu.style.visibility = "visible";
// For IE; size, position and display the menu's IFRAME as well.
if (oItem.subMenu.iframeEl != null) setIframeEl(oItem);
}
/**
* Set the size, position, and display of the
* IFRAME for the oItem Element Reference's Menu
*/
function setIframeEl( oItem ) {
oItem.subMenu.iframeEl.style.left    = oItem.subMenu.style.left;
oItem.subMenu.iframeEl.style.top     = oItem.subMenu.style.top;
oItem.subMenu.iframeEl.style.width   = oItem.subMenu.offsetWidth + "px";
oItem.subMenu.iframeEl.style.height  = oItem.subMenu.offsetHeight + "px";
oItem.subMenu.iframeEl.style.display = "block";
oItem.subMenu.iframeEl.style.visibility = "visible";
}
function closeSubMenu(menu) {
if (menu == null || menu.activeItem == null)
return;
// Recursively close any sub menus.
if (menu.activeItem.subMenu != null) {
closeSubMenu(menu.activeItem.subMenu);
menu.activeItem.subMenu.style.visibility = "hidden";
// For IE, hide the sub menu's IFRAME as well.
if (menu.activeItem.subMenu.iframeEl != null)
menu.activeItem.subMenu.iframeEl.style.display = "none";
/*[START MODIFIED]*/ menu.activeItem.subMenu.style.display = "none"; /*[END MODIFIED]*/
menu.activeItem.subMenu = null;
}
// Deactivate the active menu item.
removeClassName(menu.activeItem, "menuItemHighlight");
menu.activeItem = null;
}
// [MODIFIED] Added for activate/deactivate on mouseover. Handler for mouseout
// event on buttons and menus.
function buttonOrMenuMouseout(event) {
var el;
// If there is no active button, exit.
if (activeButton == null)
return;
// Find the element the mouse is moving to.
if (browser.isIE)
el = window.event.toElement;
else if (event.relatedTarget != null)
el = (event.relatedTarget.tagName ? event.relatedTarget : event.relatedTarget.parentNode);
// If the element is not part of a menu, reset the active button.
if (getContainerWith(el, "DIV", "menu") == null) {
deactivateButton(activeButton);
activeButton = null;
}
}
// [END MODIFIED]
//----------------------------------------------------------------------------
// Code to initialize menus.
//----------------------------------------------------------------------------
function menuInit(menu) {
var itemList, spanList;
var textEl, arrowEl;
var itemWidth;
var w, dw;
var i, j;
// For IE, replace arrow characters.
/*
if (browser.isIE) {
menu.style.lineHeight = "2.5ex";
spanList = menu.getElementsByTagName("SPAN");
for (i = 0; i < spanList.length; i++)
if (hasClassName(spanList[i], "menuItemArrow")) {
spanList[i].style.fontFamily = "Webdings";
spanList[i].firstChild.nodeValue = "4";
}
}
*/
// Find the width of a menu item.
itemList = menu.getElementsByTagName("A");
if (itemList.length > 0)
itemWidth = itemList[0].offsetWidth;
else
return;
/*
// For items with arrows, add padding to item text to make the
// arrows flush right.
for (i = 0; i < itemList.length; i++) {
spanList = itemList[i].getElementsByTagName("SPAN");
textEl  = null;
arrowEl = null;
for (j = 0; j < spanList.length; j++) {
if (hasClassName(spanList[j], "menuItemText"))
textEl = spanList[j];
if (hasClassName(spanList[j], "menuItemArrow"))
arrowEl = spanList[j];
}
if (textEl != null && arrowEl != null) {
textEl.style.paddingRight = (itemWidth 
- (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
// For Opera, remove the negative right margin to fix a display bug.
if (browser.isOP)
arrowEl.style.marginRight = "0px";
}
}
*/
// Fix IE hover problem by setting an explicit width on first item of
// the menu.
if (browser.isIE) {
w = itemList[0].offsetWidth;
itemList[0].style.width = w + "px";
dw = itemList[0].offsetWidth - w;
w -= dw;
itemList[0].style.width = w + "px";
}
// Fix the IE display problem (SELECT elements and other windowed controls
// overlaying the menu) by adding an IFRAME under the menu.
if (browser.isIE) {
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 0;
iframeEl.src = "javascript:;";
//iframeEl.style.display = "";
iframeEl.style.position = "absolute";
iframeEl.style.zIndex = "1";
iframeEl.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
}
// Mark menu as initialized.
menu.isInitialized = true;
}
/**
* Menu Positioning Methods
*/
function getDocumentWidthLimit() {
maxX = getViewportWidth() + widthScrolled();
return maxX;
}
function getDocumentHeightLimit() {
maxY = getViewportHeight() + topScrolled();
return maxY;
}
function getWidthLimitByElement( srcElement ) {
// Get Absolute Max X, with Respect to the Document
maxX = getDocumentWidthLimit();
// Get the registration points of the srcElement
abs_left_pos = getPageOffsetLeft(srcElement);
src_width = srcElement.offsetWidth;
max_src_el_x = abs_left_pos + src_width;
max_reg_x = maxX - max_src_el_x;
return max_reg_x;
}
//----------------------------------------------------------------------------
// General utility functions.
//----------------------------------------------------------------------------
if( !window.killBubble )
function killBubble(e) {
if (!e) var e = window.event;
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
}
function getContainerWith(node, tagName, className) {
// Starting with the given node, find the nearest containing element
// with the specified tag name and style class.
while (node != null) {
if (node.tagName != null && node.tagName == tagName &&
hasClassName(node, className))
return node;
node = node.parentNode;
}
return node;
}
function hasClassName(el, name) {
var i, list;
// Return true if the given element currently has the given class
// name.
list = el.className.split(" ");
for (i = 0; i < list.length; i++)
if (list[i] == name)
return true;
return false;
}
function removeClassName(el, name) {
var i, curList, newList;
if (el.className == null)
return;
// Remove the given class name from the element's className property.
newList = new Array();
curList = el.className.split(" ");
for (i = 0; i < curList.length; i++)
if (curList[i] != name)
newList.push(curList[i]);
el.className = newList.join(" ");
}
function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
curleft = obj.offsetLeft
curtop = obj.offsetTop
while (obj = obj.offsetParent) {
curleft += obj.offsetLeft
curtop += obj.offsetTop
}
}
return [curleft,curtop];
}
function getPageOffsetLeft(el) {
var x;
// Return the x coordinate of an element relative to the page.
x = el.offsetLeft;
if (el.offsetParent != null)
x += getPageOffsetLeft(el.offsetParent);
return x;
}
function getPageOffsetTop(el) {
var y;
// Return the x coordinate of an element relative to the page.
y = el.offsetTop;
if (el.offsetParent != null)
y += getPageOffsetTop(el.offsetParent);
return y;
}
/* Return VIEWPORT WIDTH */
if( !window.getViewportWidth ) {
function getViewportWidth() {
/* supported in Mozilla, Opera, and Safari */
if(window.innerWidth)
return window.innerWidth;
/* supported in standards mode of IE, but not in any other mode */
if(window.document.documentElement.clientWidth)
return document.documentElement.clientWidth;
/* supported in quirks mode, older versions of IE, and mac IE (anything else). */
return window.document.body.clientWidth;
};
};
/* Return VIEWPORT HEIGHT */
if( !window.getViewportHeight ) {
function getViewportHeight() {
/* supported in Mozilla, Opera, and Safari */
if(window.innerHeight)
return window.innerHeight;
/* supported in standards mode of IE, but not in any other mode */
if(window.document.documentElement.clientHeight)
return document.documentElement.clientHeight;
/* supported in quirks mode, older versions of IE, and mac IE (anything else). */
return window.document.body.clientHeight;
};
};
if( !window.topScrolled ) {
function topScrolled() {
var y;
if (self.pageYOffset) {// all except Explorer
y = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop) {// Explorer 6 Strict
y = document.documentElement.scrollTop;
}
else if (document.body) {// all other Explorers
y = document.body.scrollTop;
}
return y;
};
};
if( !window.widthScrolled ) {
function widthScrolled() {
var x;
if (self.pageXOffset) // all except Explorer
x = self.pageXOffset;
else if (document.documentElement && document.documentElement.scrollLeft) // Explorer 6 Strict
x = document.documentElement.scrollLeft;
else if (document.body) // all other Explorers
x = document.body.scrollLeft;
return x;
};
};
/* Unfocus all Forms to remove lbikning cursors... */
if( !window.unfocusForms ) {
function unfocusForms() {
var forms = document.getElementsByTagName("FORM");
for( f=0; f<forms.length; f++ )
forms[f].blur();
};
};
