/*
 * DO NOT REMOVE THIS NOTICE
 *
 * PROJECT:   mygosuMenu
 * VERSION:   1.4.2
 * COPYRIGHT: (c) 2003,2004 Cezary Tomczak
 * LINK:      http://gosu.pl/dhtml/mygosumenu.html
 * LICENSE:   BSD (revised)
 */

function XulMenu(id, dir)
{
	// mm: initialization
	this.direction = dir;
	if(navigator.appName=='Microsoft Internet Explorer')
	{
		this.position =
		{
			"levelX": { "top": 0, "left": (( this.direction == 0 ) ? -90 : 45) }
		}
	}
	else
	{
		this.position =
		{
			"levelX": { "top": 0, "right": (( this.direction == 0 ) ? 90 : 90) }
		}
	}
	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;

		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 == "section")
				sections.push(arr[i]);

		for (var i = 0; i < sections.length; i++)
			widths.push(this.getMaxWidth(sections[i].childNodes));

		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)
	{
		var maxWidth = 0;

		for (var i = 0; i < nodes.length; i++)
		{
			if (nodes[i].nodeType != 1 || nodes[i].className == "section")
				continue;

			if (nodes[i].offsetWidth > maxWidth)
				maxWidth = nodes[i].offsetWidth;
		}

		return maxWidth;
	}
  
	/* Set width for item elements */
	this.setMaxWidth = function(nodes, maxWidth)
	{
		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 "button":
					nodes[i].id = id + "-" + tree.length;
					tree.push(new Array());
					/*
					nodes[i].onmouseover = buttonOver;
					nodes[i].onclick = buttonClick;
					*/
					nodes[i].onmouseover = itemOver;
					nodes[i].onmouseout = itemOut;
					//nodes[i].onclick = itemClick;
					break;

				case "item":
					nodes[i].id = id + "-" + tree.length;
					tree.push(new Array());
					nodes[i].onmouseover = itemOver;
					nodes[i].onmouseout = itemOut;
					nodes[i].onclick = itemClick;
					break;

				case "section":
					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 =  this.position.levelX.left + "px";
					//(box1.offsetLeft + box1.offsetWidth
					break;

				case "arrow":
					nodes[i].id = id + "-" + (tree.length - 1) + "-arrow";
					break;
			}
          
			if (nodes[i].childNodes)
				if (nodes[i].className == "section")
					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);
		try
		{
		document.getElementById(id).className = (el.level == 1 ? "button" : "item");

		document.getElementById(id + '-section').style.filter = "progid:DXImageTransform.Microsoft.Fade(duration=0.25)";
		
		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";
		if(navigator.appName=='Microsoft Internet Explorer')
		{
			document.getElementById(id + '-section').filters[0].Apply();
			document.getElementById(id + '-section').filters[0].Play();
			//window.alert('IE');
		}
		}
		catch(ex)
		{
			//window.alert('hide'+ex);
		}
	}

	/* Show a section */
	this.show = function(id)
	{
		var el = new Element(id);
		try
		{
		
		document.getElementById(id).className = (el.level == 1 ? "button-active" : "item-active");

		document.getElementById(id + '-section').style.filter = "progid:DXImageTransform.Microsoft.Fade(duration=0.25)";
		document.getElementById(id + '-section').style.visibility = "visible";
		document.getElementById(id + '-section').style.zIndex = this.zIndex.visible;
		this.visible.push(id);
		//window.alert(navigator.appName);
		if(navigator.appName=='Microsoft Internet Explorer')
		{
			document.getElementById(id + '-section').filters[0].Apply();
			document.getElementById(id + '-section').filters[0].Play();
			//window.alert('IE');
		}
		}
		catch(ex)
		{
		window.alert('show'+ex);
		}

	}
  
	/* 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();
	}
  
	/* event, button.onmouseover */
	function buttonOver()
	{
		if (!self.visible.length)
			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.IsEmptyChild()) // AM 84/09/10
			if (el.hasChilds())
				self.show(this.id);
	}
  
	/* event, item.onmouseout */
	function itemOut()
	{
		var el = new Element(this.id);

		if (!el.hasChilds())
			document.getElementById(this.id).className = "item";

	}
  
	/* 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();
		
		// AM -> 84/09-10
		this.IsEmptyChild = function()
		{
			return ( document.getElementById(this.id + '-section') != null ) ? !(document.getElementById(this.id + '-section').innerText == '') : true;
		}
		// AM -> 84/09-10
	}
  
	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 ! */
}

/* 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;
	}
}