var pauseBeforeShow = 100;

var tmpEl, showTimeoutHandle;

var menus = new Array()
var menuCounter = 0;
var zIndexMax = 0;

var tmpArray = new Array();
var tmpCounter = 0;

var roots = new Array();

document.onclick = function() {
	if(parent.hideAllMenuScriptlets) 
	{
		parent.hideAllMenuScriptlets();
	}
	else
	{
		hideAllMenuScriptlets();
	}
}

function showEditorMenu( e_id, root ) {
		
	var element = document.getElementById( e_id );			
	hideAllMenuScriptlets();
	
	// funky, hardcoded positioning is to fix menu positioning problems
	// there will be a better solution in the future ... hopefully
	//
	showMenu( element, new Boundaries( leftPos( root ) + 5, topPos( root ) + root.offsetHeight + 8 ) );
}

function showPopupMenu( e_id, root ) {
		
	var element = document.getElementById( e_id );			
	hideAllMenuScriptlets();
	
	showMenu( element, new Boundaries( leftPos( root ), topPos( root ) ) );
}

// called with either an element or two or four numbers
// new Boundaries(htmlElement)
// new Boundaries(nLeft, nTop)
// new Boundaries(nLeft, nTop, nWidth, nHeight)
function Boundaries() {
	
	if (arguments.length == 1) {
		this.left = leftPos(arguments[0]);
		this.top  = topPos(arguments[0]);
		this.width  = arguments[0].offsetWidth;
		this.height = arguments[0].offsetHeight;
	}
	
	if (arguments.length >= 2) {
		this.left = arguments[0];
		this.top = arguments[1];
		this.width = 0;
		this.height = 0;
	}
	if (arguments.length >= 4) {
		this.width = arguments[2];
		this.height = arguments[3];
	}		
}

////////////////////////////////////////////////////////
//The following two functions are needed to calculate the position
function leftPos( el ) {

	var total_x_offset = el.offsetLeft;
	var e = el.offsetParent;
	
	while( e )
	{
		total_x_offset += e.offsetLeft;		
		
		e = e.offsetParent;
	}
		
	return total_x_offset;
}

function topPos( el ) {
	
	var total_y_offset = el.offsetTop;

	var e = el.offsetParent;
	while( e )
	{	
		total_y_offset += e.offsetTop;		
		
		e = e.offsetParent;
	}

	return total_y_offset;
	
}

////////////////////////////////////////////////////////

// This function get the border sizes of a table for IE4
function getBorderSizes(tableEl) {
	var o = new Object();
		
	if (document.getElementById) {
		o.top    = parseInt(tableEl.currentStyle.borderTopWidth);
		o.left   = parseInt(tableEl.currentStyle.borderLeftWidth);
		o.right  = parseInt(tableEl.currentStyle.borderRightWidth);
		o.bottom = parseInt(tableEl.currentStyle.borderBottomWidth);
	}
	else {
		var w = 0;
		for (var i=0; i<tableEl.rows[0].cells.length; i++) {
			w += tableEl.rows[0].cells[i].offsetWidth;
		}
		
		var h = 0;
		for (var i=0; i<tableEl.rows.length; i++) {
			h += tableEl.rows[i].offsetHeight;
		}
		
		o.top = tableEl.rows[0].offsetTop;
		o.left = tableEl.rows[0].offsetLeft;
		o.right = tableEl.offsetWidth - tableEl.rows[0].offsetWidth - o.left;
		o.bottom = tableEl.offsetHeight - h - o.top;
	}

	return o;
}

function showMenu(tableEl, boundaries, directionType, pauseTime) {

	if( tableEl.parentElement.id == "context_wrapper" )
  	{
  		document.getElementById( "context_wrapper" ).style.display = "block";
  	}
	__menu__ = tableEl;

	var left, top;
	
	var borders = getBorderSizes(tableEl);

	if (directionType == "vertical") {
		if (boundaries.top + boundaries.height + tableEl.offsetHeight + borders.top + borders.bottom <= document.body.clientHeight + document.body.scrollTop)
			top = boundaries.top + boundaries.height;
		else if (boundaries.top - tableEl.offsetHeight >= document.body.scrollTop)
			top = boundaries.top - tableEl.offsetHeight;
		else if (document.body.clientHeight >= tableEl.offsetHeight + borders.top + borders.bottom)
			top = document.body.clientHeight + document.body.scrollTop - tableEl.offsetHeight - borders.top - borders.bottom;
		else
			top = document.body.scrollTop;

		if (boundaries.left + tableEl.offsetWidth <= document.body.clientWidth + document.body.scrollLeft)
			left = boundaries.left;
		else if (document.body.clientWidth >= tableEl.offsetWidth + borders.left + borders.right)
			left = document.body.clientWidth + document.body.scrollLeft - tableEl.offsetWidth - borders.left - borders.right;
		else
			left = document.body.scrollLeft;
	}
	else {
		if (boundaries.top + tableEl.offsetHeight - borders.top <= document.body.clientHeight + document.body.scrollTop)
		{	top = boundaries.top - borders.top;
		}else if (boundaries.top + boundaries.height - tableEl.offsetHeight + borders.top >= 0)
		{	top = boundaries.top + boundaries.height - tableEl.offsetHeight + borders.top;
		}else if (document.body.clientHeight >= tableEl.offsetHeight + borders.top + borders.bottom)
		{	top = document.body.clientHeight + document.body.scrollTop - tableEl.offsetHeight - borders.top - borders.bottom;
		}else
		{	top = document.body.scrollTop;
		}	

		if (boundaries.left + boundaries.width + tableEl.offsetWidth <= document.body.clientWidth + document.body.scrollLeft)
			left = boundaries.left + boundaries.width;
		else if (boundaries.left - tableEl.offsetWidth >= 0)
			left = boundaries.left - tableEl.offsetWidth;
		else if (document.body.clientWidth >= tableEl.offsetWidth + borders.left + borders.right)
			left = document.body.clientWidth  + document.body.scrollLeft - tableEl.offsetWidth - borders.left - borders.right;
		else
			left = document.body.scrollLeft;
	}
	
	if (zIndexMax == null) {
		var a = document.all;
		var al = a.length;
		
		for (var i=0; i<al; i++) 
			zIndexMax = Math.max(zIndexMax, a[i].style.zIndex);
	}
	
	zIndexMax++;
	if (pauseTime == null)
		pauseTime = 0;
		
	if (tableEl.scriptlet != null) {
		
		tableEl.scriptlet.style.left = left;
		tableEl.scriptlet.style.top = top;

		if (tableEl.menuState == null)
			tableEl.menuState = "hidden";

		// IE doesn't repaint correctly without this thread split. Thank you Scott Isaacs for helping me with this (indiredtly!)
		tmpArray[tmpCounter] = tableEl;
		showTimeoutHandle = window.setTimeout(
			"tmpArray[" + tmpCounter + "].scriptlet.style.zIndex = " + zIndexMax + ";" +
			"tmpArray[" + tmpCounter + "].scriptlet.style.visibility = tmpArray[" + (tmpCounter++) + "].menuState;",
			pauseTime);
	}
	else {	
		tmpArray[ (tmpCounter) ] = tableEl;
		window.setTimeout("addScriptletMenu(tmpArray[" + (tmpCounter++) + "], " + left + ", " + top + ", " + pauseTime + ");", 0);
	}
}

function addScriptletMenu(tableEl, leftPos, topPos, pause) {
	if( tableEl == null )
		return;
	
	var id = "_menu_" + menuCounter;
	var str = '<object type="text/x-scriptlet" data="/include/html/menuContainer.html" ' +
	          'style="position: absolute; left: ' + leftPos + 'px; top: ' + topPos + 'px; ' +
			  'width: ' + tableEl.offsetWidth +'px; height: ' + tableEl.offsetHeight +
			  'px; visibility: hidden; z-index: ' + zIndexMax + ';" ' +
			   'id="' + id + '"></object>';

	document.body.insertAdjacentHTML("BeforeEnd", str);	
		
	menus[menuCounter] = tableEl;	
		
	initiateMenu(menuCounter, pause);
	
	menuCounter++;
}

function initiateMenu(menuNumber, pause) {
	var el = document.all("_menu_" + menuNumber);
		
	if (el == null || el.readyState != "4")
		window.setTimeout("initiateMenu(" + menuNumber + ", " + pause + ")", 50);
	else {
		tmpArray[tmpCounter] = el;
		window.setTimeout(
			"tmpArray[" + tmpCounter + "].initiateMenu(menus[" + menuNumber + "], tmpArray[" + (tmpCounter++) + "])",
			pause);
	}
		
}

function hideAllMenuScriptlets() {
	
	if( document.getElementById( "context_wrapper" ) )
  	{
  		document.getElementById( "context_wrapper" ).style.display = "none";
  	}
	
	__menu__ = null;
	
	var objs = document.all.tags("OBJECT");
	
	for (var i=0; i<objs.length; i++) {
		if (objs[i].hideMenu)	// Test if the object is a menu
			objs[i].hideMenu();
		}
	
	for (var r in roots) {
		if (roots[r].className == "rootActive")  {
			roots[r].className = "root";
			getParent(roots[r], isMenuBar).shownMenu = null;
		}
	}	
}

function forceRebuild(tableEl) {
	tableEl.scriptlet = null;
}

//////////////////
// Menubar code //
//////////////////

function menuBarOver() {

	var fromEl = getParent(event.fromElement, isRoot);
	var toEl = getParent(event.toElement, isRoot);
	
	if (toEl == null || fromEl == toEl || toEl.className == "rootActive")
		return;
	
	var el = toEl;
	
	if (el.direction == null)
		el.direction = "vertical";	// set default value

	findMenu(el);
	
	// check if any other menu is opened
	var menuBar = getParent(el, isMenuBar);
	
	if (menuBar == null) // No menubar, just a single menu. No need to hide or show anything
		el.className = "rootHighlight";
	else {
		// Check for opened menu
		if (menuBar.shownMenu != null) {
			if (menuBar.shownMenu.scriptlet == null)
				return;
			
			window.clearTimeout(showTimeoutHandle);
			menuBar.shownMenu.scriptlet.hideMenu();

			menuBar.oldActive.className = "root";
			
			showMenu(el.menu, new Boundaries(el), el.direction);
			menuBar.shownMenu = el.menu;
			el.className = "rootActive";
			roots[el] = el;
			menuBar.oldActive = el;
		}
		else {
			el.className = "rootHighlight";
		}		
	}
}	

function menuBarOut() {
	var fromEl = getParent(event.fromElement, isRoot);
	var toEl = getParent(event.toElement, isRoot);
	
	if (fromEl == null || fromEl == toEl || fromEl.className == "rootActive")
		return;
	
	var el = fromEl;
	
	fromEl.className = "root";
}

function menuBarClick() {
	var el = getParent(event.srcElement, isRoot);
	
	if (el == null)
		return;
		
	var menuBar = getParent(el, isMenuBar);
	
	if (el.className == "rootActive") {	// This might seem odd but the call to hideAllMenuScriptlets()
		hideAllMenuScriptlets();		// changes the className
	}
	else {
		hideAllMenuScriptlets();
		showMenu(el.menu, new Boundaries(el), el.direction);
		menuBar.shownMenu = el.menu;
		el.className = "rootActive";
		roots[el] = el;
		menuBar.oldActive = el;
		window.event.cancelBubble = true;
	}
}

function findMenu(el) {

	if (typeof(el.menu) == "string") {
		el.menu = document.getElementById( el.menu );
	}
	else if (el.menu == null) {	// find menu among children
		var tables = el.all.tags("TABLE");
		
		for (var i=0; i<tables.length; i++) {
			if (tables[i].className == "ss_menu") {
				el.menu = tables[i];
				break;
			}
		}
	}
}

function isRoot(el) {
	return el.className.indexOf("root") > -1;
}

function isMenuBar(el) {
	return el.className == "menuBar";
}

function getParent(el, f) {
	if (el == null) return null;
	else if (f(el)) return el;
	else return getParent(el.parentElement, f);
}

if (document.attachEvent)
	document.attachEvent("onclick", hideAllMenuScriptlets);
else
	document.onclick = hideAllMenuScriptlets;


var __menu__ = null;

// disabled for now
// problems with getting correct action for corresponding keypress

/*
document.onkeypress  = function()
{
	var key = String.fromCharCode(window.event.keyCode);

	if( __menu__ != null )
	{
		var html = __menu__.innerHTML;
	
		if( html == null )
		{
			return;
		}
		
		var tags    = html.match( /\<u\>([^\<])*\<\/u\>/gi );
		var actions = html.match( /(href=\"[^"]*\")|(onclick=\"[^"]*\")/gi );
		
		if( actions == null )
		{
			actions = html.match( /onclick=\"([^"])*\"/gi );
		}
		
		for( var i = 0; i < tags.length; i++ )
		{
	//		alert( key + "  " + tags[ i ].toLowerCase() + "   |   " + ("<u>" + key + "</u>" == tags[ i ].toLowerCase()) + " | " + actions[ i ]);
			if( "<u>" + key + "</u>" == tags[ i ].toLowerCase() )
			{			
				var thisAction = actions[ i ].replace( /"/g, "" );
				
				if( thisAction.match( "javascript:" ) )
				{
					eval( thisAction.replace( "javascript:", "" ) );
				}
				else if( thisAction.match( "href=" ) )
				{
					document.location = thisAction.replace( "href=", "" );
				}
				else if( thisAction.match( "onclick=" ) )
				{
					eval( thisAction.replace( "onclick=", "" ).replace( /parent\./g, "" ).replace( /\&amp;/g, "&" ) );
				}
				
				if( hideAllMenuScriptlets )
				{
					hideAllMenuScriptlets();
				}
				else
				{
					parent.hideAllMenuScriptlets();
				}
			}
		}
	}
}
*/