// %%%%% // %%%%% // %%%%% // %%%%% // %%%%% //
	// %%%%% // %%%%% // %%%%% // %%%%% // %%%%% //
	//                                           //
	//      created by: c. kempen                //
	//      date: november 2006                  //
	//      [c] I.T. Squared CC 2006             //
	//      www.it2.co.za                        //
	//                                           //
	//      last updated: 1 march 2009           //
	//                                           //
	//      this is the script file for the      //
	//      menu manager in the frontend         //
	//                                           //
	// %%%%% // %%%%% // %%%%% // %%%%% // %%%%% //
	// %%%%% // %%%%% // %%%%% // %%%%% // %%%%% //
	//                                           //
	//      DO NOT EDIT THIS FILE IN ANY WAY     //
	//      ...unless you have permission...     //
	//                                           //
	// %%%%% // %%%%% // %%%%% // %%%%% // %%%%% //
	// %%%%% // %%%%% // %%%%% // %%%%% // %%%%% //
	
	// ----- //
	// global variables...
	var main_menu_minimise_timer = 0;
	// end: global variables...
	// ----- //

	// ----- //
	// function which displays child menu tables...
	// also runs backwards and displays the parents...
	// also hides all other menu tables...
	function show_child_menu(id, orientation, direction, spacing)
	{
		// build an array of id's in the current chain...
		// goes from the root parent down to the current child...
		var temp_array = id.split('_');
		var current_chain = new Array();
		for (var i=3; i<temp_array.length; i++)
			current_chain.push(temp_array[i]);
			
		// hide all the other menu tables, except the current list...
		hide_all_menu_children(current_chain);
		
		// go through the chain, and make sure the current chain's nodes are displayed...
		for (i=0; i<current_chain.length; i++)
		{
			var x = 0;
			var y = 0;
			// get the parent's particulars...
			if (i > 0)
			{
				var table = document.getElementById('main_menu_table_' + current_chain[i-1]);
				var child = document.getElementById('main_menu_item_' + current_chain[i]);
				var y = parseInt(table.style.top) + parseInt(child.offsetTop);
				var x = table.style.left;
			}
			else
			{
				var x = get_xpos('main_menu_item_' + current_chain[i]);
				var y = get_ypos('main_menu_item_' + current_chain[i]);
			}
			var h = get_height('main_menu_item_' + current_chain[i]);
			var w = get_width('main_menu_item_' + current_chain[i]);
			// get the child's particulars...
			// set the child's location and display...
			// depending on the orientation and direction...
			if (document.getElementById('main_menu_table_' + current_chain[i]))
			{
				var child = document.getElementById('main_menu_table_' + current_chain[i]);
				switch(orientation)
				{
					case 'horizontal':
						switch(direction)
						{
							case 'up':
								var left = parseInt(x) - (2 * parseInt(spacing)) + parseInt(spacing);
								if (i > 0)
									left += parseInt(w) + (2 * parseInt(spacing));
								var top = parseInt(y);
								if (i > 0)
									top += parseInt(h) + parseInt(spacing);
								child.style.left = left + 'px';
								child.style.top = top + 'px';
								child.style.zIndex = '10';
								child.style.display = 'block';
								child.style.top = (parseInt(child.style.top) - parseInt(get_height(child.id))) + 'px';
							break;
							case 'down':
								var left = parseInt(x) - (2 * parseInt(spacing)) + parseInt(spacing);
								if (i > 0)
									left += parseInt(w) + (2 * parseInt(spacing));
								var top = parseInt(y) + parseInt(h);// + parseInt(spacing);
								if (i > 0)
									top -= parseInt(h) + parseInt(spacing);
								child.style.left = left + 'px';
								child.style.top = top + 'px';
								child.style.zIndex = '10';
								child.style.display = 'block';
							break;
						}
					break;
					case 'vertical':
						switch(direction)
						{
							case 'left':
								var left = parseInt(x);
								if (i > 0)
									left += parseInt(spacing);
								top = parseInt(y) - parseInt(spacing);
								child.style.left = left + 'px';
								child.style.top = top + 'px';
								child.style.zIndex = '10000';
								child.style.display = 'block';
								child.style.left = (parseInt(child.style.left) - parseInt(get_width(child.id))) + 'px';
							break;
							case 'right':
								var left = parseInt(x) + parseInt(w);
								if (i > 0)
									left += parseInt(spacing);
								var top = parseInt(y) - parseInt(spacing);
								child.style.left = left + 'px';
								child.style.top = top + 'px';
								child.style.zIndex = '10000';
								child.style.display = 'block';
							break;
						}
					break;
				}
			}
		}
	}
	// end function: show_child_menu(id, orientation, direction)...
	// ----- //
	
	// ----- //
	// funtion to hide all menu tables
	// parameter: exclusion array, containing id's of items to exclude from the hiding process...
	function hide_all_menu_children(exclusion_array)
	{
		// grab the children tables from the document, and hide the necessary ones...
		var children_tables = document.getElementsByTagName('table');
		for (var i=0; i<children_tables.length; i++)
		{
			// check to see if we've hit a table we need to check...
			if (children_tables[i].id.substring(0, 16) == 'main_menu_table_')
			{
				var exclude = false;
				// check to see if it's in the list of exclusions...
				// if it's not, set its display to none...
				if (exclusion_array.length > 0)
				{
					for (var j=0; j<exclusion_array.length; j++)
					{
						if (children_tables[i].id == 'main_menu_table_' + exclusion_array[j])
						{
							exclude = true;
							break;
						}
					}
				}
				if (!exclude)
					children_tables[i].style.display = 'none';
			}
		}
	}
	// end function: hide_all_menu_children(exclusion_array)...
	// ----- //

	// ----- //
	// function to an element's y-position...
	function get_ypos(id)
	{
		if (document.getElementById(id))
		{
			var ypos = 0;
			var current_element = document.getElementById(id);
			if (current_element.firstChild.tagName == "DIV")
			{
				current_element = current_element.firstChild;
				current_element.style.position = 'static';
				ypos -= current_element.offsetTop;
			}
			current_element.style.position = 'relative';
			ypos += current_element.offsetTop;
			return ypos;
		}
		return '0';
	}
	// end function: get_ypos(id)...
	// ----- //
	
	// ----- //
	// function to get an element's x-position...
	function get_xpos(id)
	{
		if (document.getElementById(id))
		{
			var xpos = 0;
			var current_element = document.getElementById(id);
			if (current_element.firstChild.tagName == "DIV")
				current_element = current_element.firstChild;
			current_element.style.position = 'relative';
			xpos = current_element.offsetLeft;
			return xpos;
		}
		return '0';
	}
	// end function: get_xpos(id)...
	// ----- //
	
	// ----- //
	// function to get an element's height...
	function get_height(id)
	{
		if (document.getElementById(id))
			return document.getElementById(id).offsetHeight;
		return '0';
	}
	// end function: get_height(id)...
	// ----- //
	
	// ----- //
	// function to get an element's width...
	function get_width(id)
	{
		if (document.getElementById(id))
			return document.getElementById(id).offsetWidth;
		return '0';
	}
	// end function: get_width(id)...
	//
	
	// ----- //
	// function which is called by the timer which minimises the entire menu structure...
	function minimise_entire_main_menu_table_structure()
	{
		var empty_array = new Array();
		hide_all_menu_children(empty_array);
	}
	// end function: minimise_entire_main_menu_table_structure()...
	// ----- //
	
	// ----- //
	// function which starts the menu manager timer which closes all children menu tables...
	function start_main_menu_table_timer()
	{
		main_menu_minimise_timer = setTimeout('minimise_entire_main_menu_table_structure()', 500);
	}
	// end function: start_main_menu_table_timer()...
	// ----- //
	
	// ----- //
	// function which starts the menu manager timer which closes all children menu tables...
	function stop_main_menu_table_timer()
	{
		clearTimeout(main_menu_minimise_timer);
	}
	// end function: start_main_menu_table_timer()...
	// ----- //
	
	// ----- //
	// purely for aesthetics, helps to override CSS complications...
	function switch_link_colours_on(element, colour)
	{
		var links = element.getElementsByTagName("A");
		for (var i=0; i<links.length; i++)
		{
			links[i].style.color = colour;
		}
	}
	// end function: switch_link_colours_on()...
	// ----- //
	
	// ----- //
	// purely for aesthetics, helps to override CSS complications...
	function switch_link_colours_off(element, colour)
	{
		var links = element.getElementsByTagName("A");
		for (var i=0; i<links.length; i++)
		{
			links[i].style.color = colour;
		}
	}
	// end function: switch_link_colours_on()...
	// ----- //