//var visitedSection = null;
//var visitedMenu = null;
function XulMenu(id, menuType)
{
  // mm: initialization
  this.position	=
	{
	  "levelX":	{ "top": 0,	"left":	0}
	}
  this.zIndex =
	{
	  "visible": 1,
	  "hidden":	-1
	}
  this.arrow1 =	null;
  
  
  
  
  /* Initialize	the	menu */
  this.init	= function()
	{
	  if (!document.getElementById(this.id))
		alert("Element '"+ this.id +"' does	not	exist in this document.	XulMenu	cannot be initialized.");
	  
	  document.onmousedown = click;
	  document.onmouseover = over;
	  document.body.onload = docLoad;
	  this.fixSections();
	  this.parse(document.getElementById(this.id).childNodes, this.tree, this.id);
	}
	
  /* Search	for	.section elements and set width	for	them */
  this.fixSections = function()
	{
	  var arr =	document.getElementById(this.id).getElementsByTagName("div");
	  var sections = new Array();
	  var widths = new Array();
	  
	  for (var i = 0; i	< arr.length; i++)
		{
		  if (arr[i].className == this.strSection	|| arr[i].className	== this.strSubSection)
			{
			  sections.push(arr[i]);
			}
		}
		
	  //to get width of	entire td of main top menu
	  //add:mangesh	21/03/06
	  var menuTable = document.getElementById(this.id);
	  var arrButtons = document.getElementById(this.id).getElementsByTagName("td");
	  var arrButtonsRow = document.getElementById(this.id).getElementsByTagName("tr");
	  var newMaxWidth =	0;
	  
	  
			  
	  for (var i = 0; i	< arrButtonsRow.length; i++)
		{
			if (arrButtonsRow[i].className	== "topMenuClass")
			{
				newMaxWidth	= arrButtonsRow[i].offsetWidth / arrButtons.length ;	
				break;
			} 
		}
	  	
	  for (var i = 0; i	< arrButtons.length; i++)
		{
			if (arrButtons[i].className	== "topMenuClass")
			{
				arrButtons[i].style.width = newMaxWidth + "px";	
			} 
		}
	  //end:mangesh	  
	  
	  
		
	  for (var i = 0; i	< sections.length; i++)
		{
		  widths.push(this.getMaxWidth(sections[i].childNodes, newMaxWidth));
		}
	  for (var i = 0; i	< sections.length; i++)
		{
		  sections[i].style.width =	(widths[i])	+ "px";
		}
	  for (var i = 0; i	< sections.length; i++)
		{
		  this.setMaxWidth(sections[i].childNodes, widths[i]);
		}
		
	}
  
  /* Search	for	an element with	highest	width, return that width */
  this.getMaxWidth = function(nodes, topNodeMaxWidth)
	{
	  var maxWidth = topNodeMaxWidth;
	  
	  for (var i = 0; i	< nodes.length;	i++)
		{
		  if (nodes[i].nodeType	!= 1 ||	nodes[i].className == this.strSection	|| nodes[i].className == this.strSubSection)
			{
			  continue;
			}
		  if (nodes[i].offsetWidth > maxWidth)
			maxWidth = nodes[i].offsetWidth;
		}
	  
	  return maxWidth;
	}
  
  /* Set width for item	elements */
  this.setMaxWidth = function(nodes, maxWidth)
	{
	  if (maxWidth	<= 0) maxWidth = 200;
	  for (var i = 0; i	< nodes.length;	i++)
		{
		  if (nodes[i].nodeType	== 1 &&	/item/.test(nodes[i].className)	&& nodes[i].currentStyle)
			{
			  nodes[i].style.width = (maxWidth - parseInt(nodes[i].currentStyle.paddingLeft) - parseInt(nodes[i].currentStyle.paddingRight)) + "px";
			}
		}
	}
  
  /* Parse menu	structure, create events, position elements	*/
  this.parse = function(nodes, tree, id)
	{
	  for (var i = 0; i	< nodes.length;	i++)
		{
		  if (nodes[i].nodeType	!= 1)
			{
			  continue;
			}
		  switch (nodes[i].className)
			{
			  case this.strButtonActiveActive:
			  nodes[i].id =	id + "-" + tree.length;
			  tree.push(new	Array());
			  nodes[i].onmouseover = buttonOver;
			  nodes[i].onhover = buttonOver;
			  nodes[i].onclick = buttonClick;
			  //nodes[i].onmouseover = buttonOver;
			  //nodes[i].onhover = buttonOver;
			  //nodes[i].onclick = buttonClick;
			  break;
			  
			  case this.strButtonActive:
			  nodes[i].id =	id + "-" + tree.length;
			  tree.push(new	Array());
			  //nodes[i].onmouseover = buttonOver;
			  //nodes[i].onhover = buttonOver;
			  //nodes[i].onclick = buttonClick;
			  break;

			  case this.strButton:
			  nodes[i].id =	id + "-" + tree.length;
			  tree.push(new	Array());
			  nodes[i].onmouseover = buttonOver;
			  nodes[i].onhover = buttonOver;
			  nodes[i].onclick = buttonClick;
			  break;
			  
			  case this.strItem:
			  nodes[i].id =	id + "-" + tree.length;
			  tree.push(new	Array());
			  nodes[i].onmouseover = itemOver;
			  nodes[i].onmouseout =	itemOut;
			  nodes[i].onclick = itemClick;
			  break;
			  
			  case this.strSection:
			  nodes[i].id =	id + "-" + (tree.length	- 1) + "-section";
			  var box1 = document.getElementById(id	+ "-" +	(tree.length - 1));
			  var box2 = document.getElementById(nodes[i].id);
			  //box2.style.top = (box1.offsetTop + this.position.levelX.top) + "px";
			  //box2.style.left	= (box1.offsetLeft + box1.offsetWidth +	this.position.levelX.left) + "px";
			  //box2.style.left	= box1.offsetLeft + "px";
			  break;
			  
			  case this.strSubSection:
			  nodes[i].id =	id + "-" + (tree.length	- 1) + "-section";
			  
			  var box1 = document.getElementById(id	+ "-" +	(tree.length - 1));
			  var box2 = document.getElementById(nodes[i].id);

			  if((box1 != null) && (box2 != null))
			  {
			  box2.style.top = (box1.offsetTop + this.position.levelX.top) + "px";
			  box2.style.left =	(box1.offsetLeft + box1.offsetWidth	+ this.position.levelX.left) + "px";
			  }
			  break;

			  case "arrow":
			  nodes[i].id =	id + "-" + (tree.length	- 1) + "-arrow";
			  
			  break;
			}
		  
		  if (nodes[i].childNodes)
			{
			  if (nodes[i].className ==	this.strSection || nodes[i].className	== this.strSubSection)
				{
				  this.parse(nodes[i].childNodes, tree[tree.length - 1], id	+ "-" +	(tree.length - 1));
				}
			  else
				{
				  this.parse(nodes[i].childNodes, tree,	id);
				}
			}
		}
	}
  
  /* Hide all sections */
  this.hideAll = function()
	{
	  for (var i = this.visible.length - 1;	i >= 0;	i--)
		{
		  this.hide(this.visible[i]);
		}
	}
  
  /* Hide higher or	equal levels */
  this.hideHigherOrEqualLevels = function(n)
	{
	  for (var i = this.visible.length - 1;	i >= 0;	i--)
		{
		  var el = new Element(this.visible[i]);
		  if (el.level >= n)
			{
			  this.hide(el.id);
			}
		  else
			{
			  return;
			}
		}
	}
  
  /* Hide a	section	*/
  this.hide	= function(id)
	{
	
	  var el = new Element(id);
	  if(document.getElementById(id).className != this.strButtonActiveActive)
		  document.getElementById(id).className	= (el.level	== 1 ? this.strButton	: this.strItem);
	  document.getElementById(id + "-section").style.visibility	= "hidden";
	  document.getElementById(id + "-section").style.zIndex	= this.zIndex.hidden;
	  
	  if (this.visible.contains(id))
		{
		  if (this.visible.getLast() ==	id)
			{
			  this.visible.pop();
			}
		  else
			{
			  throw	"XulMenu.hide("+id+") failed, trying to	hide element that is not deepest visible element";
			}
		}
	  else
		{
		  throw	"XulMenu.hide("+id+") failed, cannot hide element that is not visible";
		}
	}
  
  /* Show a	section	*/
  this.show	= function(id)
	{
	  var el = new Element(id);
	  var mySection=document.getElementById(id + "-section");
	  var myItems = mySection.getElementsByTagName('a');
	  var showDiv = false;
	  for (var i = 0; i < myItems.length; i++)
      {
		var myItem = myItems.item(i);
		if (myItem.style.visibility == 'visible' || myItem.style.display == '')
		{
			showDiv = true;
			break;
		}
	  }

	  if (showDiv)
	  { 
		if(document.getElementById(id).className != this.strButtonActiveActive)
			document.getElementById(id).className	= (el.level	== 1 ? this.strButtonActive : this.strItemActive);
		document.getElementById(id + "-section").style.visibility	= "visible";
		document.getElementById(id + "-section").style.zIndex	= this.zIndex.visible;
		this.visible.push(id);
	  }
	}
  
  /* event,	document.onmousedown */
  function click(e)
  {
	var	el;
	if (e)
	  {
		el = e.target.tagName ?	e.target : e.target.parentNode;
	  }
	else
	  {
		el = window.event.srcElement;
		if (el.parentNode && /item/.test(el.parentNode.className))
		  {
			el = el.parentNode;
		  }
	  }

	
	if (!self.visible.length)
	  {
		return;
	  }

	if (!el.onclick)
	  {
		self.hideAll();
	  }
	  
  }
  
  function docLoad()
  {	
	var mytables=document.getElementsByTagName('table');
	for (var i = 0; i < mytables.length; i++)
	{
		var mytable = mytables.item(i);
		if (mytable.className.indexOf('XulMenu') > -1)
		{
			var mydivs = mytable.getElementsByTagName('div');
			for (var j = 0; j < mydivs.length; j++)
			{
				var mydiv = mydivs.item(j);
				if (mydiv.className.indexOf('section') > -1)
				{
					if (mydiv.style.visibility == 'visible')
					{
						mydiv.style.zIndex	= -1;
						mydiv.style.visibility = 'hidden';
					}
				}
			}
		}  
	}
  }
  
  function over(e)
  {
	var	el;
	if (e)
	  {
		el = e.target.tagName ?	e.target : e.target.parentNode;
	  }
	else
	  {
		el = window.event.srcElement;
		if (el.parentNode && /item/.test(el.parentNode.className))
		  {
			el = el.parentNode;
		  }
	  }
	
	
	if (el.className.indexOf('section') > -1 || el.className.indexOf('button') > -1 || el.className.indexOf('XulMenu') > -1 || el.className.indexOf('item') > -1)
	{
		var currentMenuOver = el.id.split('-')[0];
	}
	else
	{
		self.hideAll();
	}
	
	
	//else
	//{
		var mytables=document.getElementsByTagName('table');
		for (var i = 0; i < mytables.length; i++)
		{
			var mytable = mytables.item(i);
			if (mytable.className.indexOf('XulMenu') > -1)
			{
				if (mytable.id != currentMenuOver)
				{
					var menuClassName = mytable.className;
					var mydivs = mytable.getElementsByTagName('div');
					var mybuttons = mytable.getElementsByTagName('a');
					for (var k = 0; k < mybuttons.length; k++)
					{
						var mybutton = mybuttons.item(k);
						if (mybutton.className.indexOf('button') > -1 && /*(menuClassName == 'XulMenu1' || menuClassName == 'XulMenu3')*/(menuClassName.indexOf('XulMenu') > -1))
						{
							var re = /-active/g;
							if (mybutton.className.indexOf('-active-active') < 0)
								mybutton.className = mybutton.className.replace(re, '');
						}
					}
					for (var j = 0; j < mydivs.length; j++)
					{
						var mydiv = mydivs.item(j);
						if ((mydiv.className.indexOf('section') > -1))
						{
														
							if (mydiv.firstChild.className == 'item1-disable')
							{	
								
							}
							else
							{
								if (mydiv.style.visibility == 'visible')
								{
									mydiv.style.zIndex	= -1;
									mydiv.style.visibility = 'hidden';
								}
							}
						}
					}
				}
				
			}
		}
	//}
  }
  
  
  /* event,	button.onmouseover */
  function buttonOver()
  {
	this.blur();
	/*
	if (!self.visible.length)
	 {
		//self.hideAll();
		return;
	 }
	
	if (self.visible.contains(this.id))
	  {
		return;
	  }
	*/
	self.hideAll();
	var	el = new Element(this.id);
	
	if (el.hasChilds())
	  {
		self.show(this.id);
	  }
  }
  
  /* event,	button.onclick */
  function buttonClick()
  {
	this.blur();
	if (self.visible.length)
	  {
		self.hideAll();
	  }
	else
	  {
		var	el = new Element(this.id);
		
		if (el.hasChilds())
		  {
			self.show(this.id);
		  }
	  }
  }
  
  /* event,	item.onmouseover */
  function itemOver()
  {
	var	el = new Element(this.id);
	self.hideHigherOrEqualLevels(el.level);
	
	if (el.hasChilds())
	  {
		self.show(this.id);
	  }
  }

  /* event,	item.onmouseout	*/
  function itemOut()
  {
	var	el = new Element(this.id);
	
	if (!el.hasChilds())
	  {
		var strItem = this.className;
		document.getElementById(this.id).className = strItem;
	  }
  }
  /* event,	item.onclick */
  function itemClick()
  {
	this.blur();
	var	el = new Element(this.id);
	self.hideHigherOrEqualLevels(el.level);
	
	if (el.hasChilds())
	  {
		self.show(this.id);
	  }
  }
  
  // mm: this seems	like a helper function (class).	Fills some info
  // and has some functions
  function Element(id)
  {
	/* Get Level of	given id
	 * Examples: menu-1	(1 level), menu-1-4	(2 level) */
	// mm: number of dashes	(-)!
	this.getLevel =	function()
	  {
		var	s =	this.id.substr(this.menu.id.length);
		
		return s.substrCount("-");
	  }
	
	/* Check whether an	element	has	a sub-section */
	this.hasChilds = function()
	  {
		return Boolean(document.getElementById(this.id + "-section"));
	  }
	
	if (!id)
	  {
		throw "XulMenu.Element(id) failed, id cannot be	empty";
	  }
	
	this.menu =	self;
	this.id	= id;
	this.level = this.getLevel();
  }
  
  this.id =	id;
  
  var self = this;
  
  this.tree	= new Array(); /* Multidimensional array, structure	of the menu	*/
  this.visible = new Array(); /* Example: Array("menu-0", "menu-0-4", ...),	succession is important	! */
  
  this.strMenu = "XulMenu" + menuType;
  this.strButton = "button" + menuType;
  this.strButtonActive = "button" + menuType + "-active";
  this.strButtonActiveActive = "button" + menuType + "-active-active";
  this.strSection = "section" + menuType;
  this.strSubSection = "subsection" + menuType;
  this.strItem = "item" + menuType;
  this.strItemActive = "item" + menuType + "-active";

}



/* Check whether array contains	given string */
if (typeof Array.prototype.contains	== "undefined")
  {
	Array.prototype.contains = function(s)
	  {
		for	(var i = 0;	i <	this.length; i++)
		  {
			if (this[i]	== s)
			  {
				return true;
			  }
		  }
		
		return false;
	  }
  }

/* Get the last	element	from the array */
if (typeof Array.prototype.getLast == "undefined")
  {
	Array.prototype.getLast	= function()
	  {
		return this[this.length-1];
	  }
  }

/* Counts the number of	substring occurrences */
if (typeof String.prototype.substrCount	== "undefined")
  {
	String.prototype.substrCount = function(s)
	  {
		return this.split(s).length	- 1;
	  }
  }