function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}


// Fruitealicious submenu functions
var topWrapper;
var rightWrapper;
var bottomWrapper;
var leftWrapper;
var subMenu;
function showSubMenu(type, numMenuItems) {
	wrapWidth = 20;
	basePosition = findPos(document.getElementById(type + "Menu"));
	topWrapper = document.getElementById("subMenuWrapperTop");
	rightWrapper = document.getElementById("subMenuWrapperRight");
	bottomWrapper = document.getElementById("subMenuWrapperBottom");
	leftWrapper = document.getElementById("subMenuWrapperLeft");
	subMenu = document.getElementById(type + "SubMenu");

	subMenu.style.left = basePosition[0] + "px";
	subMenu.style.top = basePosition[1] + "px";
	subMenu.style.display = 'block';

	topWrapper.style.left = (basePosition[0] - wrapWidth) + "px";
	topWrapper.style.top = (basePosition[1] - wrapWidth) + "px";
	topWrapper.style.display = 'block';
	rightWrapper.style.left = (basePosition[0] + 122) + "px";
	rightWrapper.style.top = basePosition[1] + "px";
	rightWrapper.style.height = numMenuItems * wrapWidth + "px";
	rightWrapper.style.display = 'block';
	bottomWrapper.style.left = (basePosition[0] - wrapWidth) + "px";
	bottomWrapper.style.top = (basePosition[1] + (numMenuItems * wrapWidth)) + "px";
	bottomWrapper.style.display = 'block';
	leftWrapper.style.left = (basePosition[0] - wrapWidth) + "px";
	leftWrapper.style.top = basePosition[1] + "px";
	leftWrapper.style.height = numMenuItems * wrapWidth + "px";
	leftWrapper.style.display = 'block';
}
function hideSubMenu() {
	subMenu.style.display = 'none';
	topWrapper.style.display = 'none';
	rightWrapper.style.display = 'none';
	bottomWrapper.style.display = 'none';
	leftWrapper.style.display = 'none';
}