var menuTimeout = null;

function getAbsolutePos(el) {
  	var r = { x: el.offsetLeft, y: el.offsetTop };
  	if (el.offsetParent) {
   		var tmp = getAbsolutePos(el.offsetParent);
  		r.x += tmp.x;
  		r.y += tmp.y;   		
	}
   	return r;
}

function showMenuSelf() {
  	window.clearTimeout(menuTimeout);
  	menuTimeout = window.setTimeout(function(){document.getElementById("sub_menu").style.display = "block";},100);
}
  	
function hideMenu(sub) {
  	menuTimeout = window.setTimeout(function(){document.getElementById("sub_menu").style.display = "none";},200);
}

function showMenu(menuItemObj,menuItemTitle) {
	 window.clearTimeout(menuTimeout);
  	
  	var subMenuObj = document.getElementById("sub_menu");
  	  		
  	subMenuObj.style.display = "block";
  	subMenuObj.style.left = (getAbsolutePos(menuItemObj).x+1)+'px';
  	subMenuObj.style.top  = (getAbsolutePos(menuItemObj).y+menuItemObj.offsetHeight-2)+'px';  	
	subMenuObj.innerHTML = '<div id="menu_item_cover" class="menu_item_cover"></div>';

	var menuItemCoverObj = document.getElementById("menu_item_cover");
	menuItemCoverObj.style.width = (menuItemObj.offsetWidth-2)+'px';
	
	var menuItems = new Array();
	
	menuItems["Coupons"] = new Array();
	menuItems["Coupons"]["GoDaddy"] = "coupons.php";
	menuItems["Help"] = new Array();
	menuItems["Help"]["Data Feeds"]  = "http://www.freshdrop.net/help_data_feeds.php";
	menuItems["Help"]["Quick Filters"] = "http://www.freshdrop.net/help_quick_filters.php";	
	menuItems["Help"]["Analytics"]   = "http://www.freshdrop.net/help_analytics.php";

	var subMenuHTML = "";
	var defSubMenuItem = '<div class="sub_menu_item"><a class="sub_menu_item_link" href="!link!">!item!</a></div>';
	for (var menuItem in menuItems) {
		for (var menuSubItem in menuItems[menuItem]) {
			if (menuItemTitle==menuItem)
				subMenuHTML += defSubMenuItem.replace(/!link!/,menuItems[menuItem][menuSubItem]).replace(/!item!/,menuSubItem)
		}
	}
	
	subMenuObj.innerHTML += '<div class="menu_top"></div>';
	subMenuObj.innerHTML += subMenuHTML;
	subMenuObj.innerHTML += '<div class="menu_bottom"></div>';
}