var Spry;

if(!Spry)

{

	Spry = {};

}

if(!Spry.Widget)

{

	Spry.Widget = {};

}





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);

};