//change pic functions
function changeTitle(txt,obj){
	document.getElementById(obj).innerHTML = txt
}
function changePic(obj,src){
	document.getElementById(obj).src=src;
}
//change pic functions

function popUp(theURL,winName,features) {
	feat = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=auto,resizable=no,' + features;
	window.open(theURL,'',feat);
}

window.onload = function()
{
  new xMenu1('trigger1', 'menu1', 10, 'mouseover');
  new xMenu1('trigger2', 'menu2', 10, 'mouseover');
  new xMenu1('trigger3', 'menu3', 10, 'mouseover');
  new xMenu1('trigger4', 'menu4', 10, 'mouseover');
  new xMenu1('trigger5', 'menu5', 10, 'mouseover');
  new xMenu1('trigger6', 'menu6', 10, 'mouseover');
  new xMenu1('trigger7', 'menu7', 10, 'mouseover');
  loadMenu(menuOn,trig);
  changeColor(elem);
}
	var layerOn;

function getOffSetx(obj) {
	return(obj.offsetParent);
}

function xMenu1(triggerId, menuId, mouseMargin, openEvent)
{
  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, 145, (xPageY(trg) - (mnu.offsetParent.offsetTop)) - 1);
      xShow(mnu);
      xAddEventListener(document, 'mousemove', onMousemove, false);
      isOpen = true;
	  clearTimeout(layerOn);
		if(mnu.id != menuOn){
		  hide();
		}else{
		  getMenu();
		}
	}
  }
  function onMousemove(ev)
  {
    var e = new xEvent(ev);
    if (!xHasPoint(mnu, e.pageX, e.pageY, -mouseMargin) &&
        !xHasPoint(trg, e.pageX, e.pageY, -mouseMargin))
    {
	  layerTimer();
      xHide(mnu);
      xRemoveEventListener(document, 'mousemove', onMousemove, false);
      isOpen = false;
	}
  }
}

 function loadMenu(mnu,trg){
  var mnu = xGetElementById(mnu);
  xMoveTo(mnu, 145, (xPageY(trg) - (mnu.offsetParent.offsetTop)) - 1);
  xShow(mnu);
  isOpen = true;
}
 
 function hideMenu(mnu){
  var mnu = xGetElementById(mnu);
  xHide(mnu);
  isOpen = false;
}

function getMenu(){
	loadMenu(menuOn,trig);
}

function layerTimer() {
	layerOn = setTimeout("getMenu()", 50);
}
function hide(){
	hideMenu(menuOn);
}
function changeColor(elem){
	if(document.getElementById(elem)){
		document.getElementById(elem).style.color = "#FF0000";
	}
}