// JavaScript Document

// set the help layer id
var menuLayerContainerId = 'menu_box';	// container layer
var menuLayerContentId = 'menu_content';	// layer to show actual help item content
//var menuLayerWidth = '320';	// width (in pixels) for the container layer.
//var menuLayerHeight = '480';	// height (in pixels) for the container layer.

// write the menu layer object to the document
document.write('<div id="'+menuLayerContainerId+'" class="menuContainer">' +
				'<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="center" style="width:72px;">&nbsp;</td><td valign="top"><div id="'+menuLayerContentId+'" class="menuItems"></div></td></tr></table>' +
			   '</div>');

/*document.write('<div id="'+menuLayerContainerId+'" class="menuContainer">' +
				'<div id="'+menuLayerContentId+'" class="menuItems"></div>' +
			   '</div>');*/


// The following function creates an XMLHttpRequest object...
function createRequestObject() {
	var request_o; //declare the variable to hold the object.
	var browser = navigator.appName; //find the browser name
	if (browser == "Microsoft Internet Explorer") {
		request_o = new ActiveXObject("Microsoft.XMLHTTP"); /* Create the object using MSIE's method */
	} else {
		request_o = new XMLHttpRequest(); /* Create the object using other browser's method */
	}
	return request_o; //return the object
}

// sets the contents of menuLayerContainerId to itemId
function setMenuItemLayer(itemId) {
	if (itemId < 1) {
		return false;
	}
	// get the global xmlreq object
	var http = createRequestObject();
	http.abort();
	http.open('post', '/mat_menus.php');
	http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	http.onreadystatechange = function () {
		if (http.readyState == 4) { //Finished loading the response
			var response = http.responseText;
			document.getElementById(menuLayerContentId).innerHTML = response;
			return true;
		}
	};
	http.send('paction=getMenuItemHTML&itemId=' + itemId);
	return true;
}

function getMousePositionOnPage(e) {
    e = e || window.event;
    var cursor = {x:0, y:0};
    if (e.pageX || e.pageY) {
        cursor.x = e.pageX;
        cursor.y = e.pageY;
    }
    else {
        cursor.x = e.clientX +
            (document.documentElement.scrollLeft ||
            document.body.scrollLeft) -
            document.documentElement.clientLeft;
        cursor.y = e.clientY +
            (document.documentElement.scrollTop ||
            document.body.scrollTop) -
            document.documentElement.clientTop;
    }
    return cursor;
}

function showMenuItemOLD(itemId, xOffset, yOffset, e, menuWidth, menuHeight) {
	if (!e) var e = window.event;

	$pos = getMousePositionOnPage(e);
	var newX = $pos.x + xOffset;
	var newY = $pos.y + yOffset;

	//hideMenuItem();// hide any existing instances

	if (setMenuItemLayer(itemId)) {
		//setRelLayerPos(menuLayerContainerId,xOffset,yOffset,e);
		//var newX = e.screenX + xOffset;
		//var newY = e.screenY + yOffset;
		document.getElementById(menuLayerContainerId).style.width = menuWidth + "px";
		document.getElementById(menuLayerContainerId).style.height = menuHeight + "px";
		document.getElementById(menuLayerContainerId).style.left = newX + "px";
		document.getElementById(menuLayerContainerId).style.top = newY + "px";
		document.getElementById(menuLayerContainerId).style.visibility = "visible";
		return true;
	} else {
		alert("Item ID: " + itemId);
		return false;
	}
}

function showMenuItem(itemId, xPos, yPos, menuWidth, menuHeight) {


	//hideMenuItem();// hide any existing instances

	if (setMenuItemLayer(itemId)) {
		//setRelLayerPos(menuLayerContainerId,xOffset,yOffset,e);
		//var newX = e.screenX + xOffset;
		//var newY = e.screenY + yOffset;
		document.getElementById(menuLayerContainerId).style.width = menuWidth + "px";
		document.getElementById(menuLayerContainerId).style.height = menuHeight + "px";
		document.getElementById(menuLayerContainerId).style.left = xPos + "px";
		document.getElementById(menuLayerContainerId).style.top = yPos + "px";
		document.getElementById(menuLayerContainerId).style.visibility = "visible";
		return true;
	} else {
		return false;
	}
}

function hideMenuItem() {

	var menuTriggerBoxIDs = new Array("showpaksBox", "pictureFramesBox", "singleMatsBox", "multiWindowBox", "noWindowBox", "titleBlockBox", "backsForMatsBox");
	for (var i=0; i < menuTriggerBoxIDs.length; i++){
		document.getElementById(menuTriggerBoxIDs[i]).style.backgroundColor = "transparent";
		document.getElementById(menuTriggerBoxIDs[i]).style.borderRadius = "0px";
		document.getElementById(menuTriggerBoxIDs[i]).style.border = "0px";
		document.getElementById(menuTriggerBoxIDs[i]).style.padding = "initial";
		document.getElementById(menuTriggerBoxIDs[i]).style.zIndex = "initial";
	}

	// empty the contents
	document.getElementById(menuLayerContentId).innerHTML = '';
	// hide layer
	document.getElementById(menuLayerContainerId).style.visibility = "hidden";
	return true;
}