var Spry;
if(!Spry)
{
 Spry = {};
}
if(!Spry.Widget)
{
 Spry.Widget = {};
}
 
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
{
 this.init(element, opts);
};
 
Spry.Widget.MenuBar.prototype.init = function(element, opts)
{
 this.element = this.getElement(element);
 
 // represents the current (sub)menu we are operating on
 this.currMenu = null;
 
 var isie = (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE');
 if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (isie && typeof document.uniqueID == 'undefined'))
 {
  // bail on older unsupported browsers
  return;
 }
 
 // load hover images now
 if(opts)
 {
  for(var k in opts)
  {
   var rollover = new Image;
   rollover.src = opts[k];
  }
 }
 
 if(this.element)
 {
  this.currMenu = this.element;
  var items = this.element.getElementsByTagName('li');
  for(var i=0; i<items.length; i++)
  {
   this.initialize(items[i], element, isie);
   if(isie)
   {
    this.addClassName(items[i], "MenuBarItemIE");
    items[i].style.position = "static";
   }
  }
  if(isie)
  {
   if(this.hasClassName(this.element, "MenuBarVertical"))
   {
    this.element.style.position = "relative";
   }
   var linkitems = this.element.getElementsByTagName('a');
   for(var i=0; i<linkitems.length; i++)
   {
    linkitems[i].style.position = "relative";
   }
  }
 }
};
 
Spry.Widget.MenuBar.prototype.getElement = function(ele)
{
 if (ele && typeof ele == "string")
  return document.getElementById(ele);
 return ele;
};
 
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
{
 if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
 {
  return false;
 }
 return true;
};
 
Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
{
 if (!ele || !className || this.hasClassName(ele, className))
  return;
 ele.className += (ele.className ? " " : "") + className;
};
 
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
{
 if (!ele || !className || !this.hasClassName(ele, className))
  return;
 ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};
 
// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
{
 try
 {
  if (element.addEventListener)
  {
   element.addEventListener(eventType, handler, capture);
  }
  else if (element.attachEvent)
  {
   element.attachEvent('on' + eventType, handler);
  }
 }
 catch (e) {}
};
 
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
{
 var layer = document.createElement('iframe');
 layer.tabIndex = '-1';
 layer.src = 'javascript:false;';
 menu.parentNode.appendChild(layer);
 
 layer.style.left = menu.offsetLeft + 'px';
 layer.style.top = menu.offsetTop + 'px';
 layer.style.width = menu.offsetWidth + 'px';
 layer.style.height = menu.offsetHeight + 'px';
};
 
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer =  function(menu)
{
 var layers = menu.parentNode.getElementsByTagName('iframe');
 while(layers.length > 0)
 {
  layers[0].parentNode.removeChild(layers[0]);
 }
};
 
// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
{
 var menus = root.getElementsByTagName('ul');
 for(var i=0; i<menus.length; i++)
 {
  this.hideSubmenu(menus[i]);
 }
 this.removeClassName(this.element, "MenuBarActive");
};
 
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
{
 return (navigator.vendor == 'Apple Computer, Inc.' && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget)));
};
 
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
{
 if(this.currMenu)
 {
  this.clearMenus(this.currMenu);
  this.currMenu = null;
 }
 
 if(menu)
 {
  this.addClassName(menu, "MenuBarSubmenuVisible");
  if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
  {
   if(!this.hasClassName(this.element, "MenuBarHorizontal") || menu.parentNode.parentNode != this.element)
   {
    menu.style.top = menu.parentNode.offsetTop + 'px';
   }
  }
  if(typeof document.uniqueID != "undefined")
  {
   this.createIframeLayer(menu);
  }
 }
 this.addClassName(this.element, "MenuBarActive");
};
 
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
{
 if(menu)
 {
  this.removeClassName(menu, "MenuBarSubmenuVisible");
  if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
  {
   menu.style.top = '';
   menu.style.left = '';
  }
  this.removeIframeLayer(menu);
 }
};
 
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element, isie)
{
 var opentime, closetime;
 var link = listitem.getElementsByTagName('a')[0];
 var submenus = listitem.getElementsByTagName('ul');
 var menu = (submenus.length > 0 ? submenus[0] : null);
 
 var hasSubMenu = false;
 if(menu)
 {
  this.addClassName(link, "MenuBarItemSubmenu");
  hasSubMenu = true;
 }
 
 if(!isie)
 {
  // define a simple function that comes standard in IE to determine
  // if a node is within another node
  listitem.contains = function(testNode)
  {
   // this refers to the list item
   if(testNode == null)
   {
    return false;
   }
   if(testNode == this)
   {
    return true;
   }
   else
   {
    return this.contains(testNode.parentNode);
   }
  };
 }
 
 // need to save this for scope further down
 var self = this;
 
 this.addEventListener(listitem, 'mouseover', function(e)
 {
  if(self.bubbledTextEvent())
  {
   // ignore bubbled text events
   return;
  }
  clearTimeout(closetime);
  if(self.currMenu == listitem)
  {
   self.currMenu = null;
  }
  // show menu highlighting
  self.addClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
  if(menu && !self.hasClassName(menu, "MenuBarSubmenuVisible"))
  {
   opentime = window.setTimeout(function(){self.showSubmenu(menu);}, 250);
  }
 }, false);
 
 this.addEventListener(listitem, 'mouseout', function(e)
 {
  if(self.bubbledTextEvent())
  {
   // ignore bubbled text events
   return;
  }
 
  var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
  if(!listitem.contains(related))
  {
   clearTimeout(opentime);
   self.currMenu = listitem;
 
   // remove menu highlighting
   self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
   if(menu)
   {
    closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 600);
   }
  }
 }, false);
};