window.onload = function()
{
  	new xMenu('mPhoto', 'menuPhoto', 'mouseover');
  	new xMenu('mArchive', 'menuArchive', 'mouseover');
}

var trgOn = '';
var trgOff = '';

function showMenu(what) {
	var whatt = xGetElementById(what);	
	whatt.style.display = "block";
}
function hideMenu(what) {
	var whatt = xGetElementById(what);	
	whatt.style.display = "none";
}

function xMenu(triggerId, menuId, openEvent, action)
{
  var isOpen = false;
  var trg = xGetElementById(triggerId);
  var mnu = xGetElementById(menuId);

  if (trg && mnu) {
    xAddEventListener(trg, openEvent, onOpen, false);
  }
  function onOpen()
  {
    if (!isOpen) {
	  xMoveTo(mnu, xPageX(trg), xPageY(trg) + xHeight(trg));
      xShow(mnu);
      xAddEventListener(document, 'mousemove', onMousemove, false);	  
	  trg.style.backgroundPosition = 'left -23px';
	  
	
	  isOpen = true;
    }
  }
  function onMousemove(ev)
  {
    var e = new xEvent(ev);
	var marb = 157;
	if (!action) {
		marb = 6;
	}
    if (!xHasPoint(mnu, e.pageX, e.pageY, 0, 0, -marb, 0) &&
        !xHasPoint(trg, e.pageX, e.pageY, -3, 0, -marb, 0))
    {	  
	  xHide(mnu);	  
      xRemoveEventListener(document, 'mousemove', onMousemove, false);
      	
	  trg.style.backgroundPosition = 'left 0';
	 
	  isOpen = false;
    }
  }
}