//*************************************************************
ie = (document.all) ? true:false; // IE4+

function setEventById(id, ev, fu) {
  if(!ie) {
    document.getElementById(id).addEventListener(ev, fu, false);
  }
  if(ie) {
    document.getElementById(id).attachEvent('on' + ev, fu);
  }
}

function getTargetId(event) {
	var id;
	if(ie){ id = event.srcElement.getAttribute("id"); }
	else { id = event.target.parentNode.getAttribute("id"); }
	return id;
}
//*************************************************************
var menu = null, hideStatus, menuTimeout;
function showMenu(event) {
	if ( menu != null ) {
		menu.style.visibility = "hidden";
		clearTimeout(menuTimeout);
   }
	hideStatus = 1;
	var headId = getTargetId(event);
	var menuId = headId.replace(/Head/, "Menu");
	var head = document.getElementById(headId);
	menu = document.getElementById(menuId)
	var menuHeadLeft = head.offsetLeft + document.getElementById("menuHead").offsetLeft + document.getElementById("head").offsetLeft;
	var menuHeadTop = head.offsetTop + document.getElementById("menuHead").offsetTop;
	menu.style.left = menuHeadLeft + 40 + "px";
	menu.style.top = menuHeadTop + 100 + "px";
	menu.style.visibility = "visible";
	menu.style.zIndex = 10;
}
//hideStatus 0: close menu, 1: delay close
function hideMenu() {
	if( hideStatus == 0 ) {
		menu.style.visibility = "hidden";
	}
	else {
		hideStatus = 0;
		menuTimeout = setTimeout("hideMenu()", 900);
	}
}
function clearMenuTimeout() {
	clearTimeout(menuTimeout);
	hideStatus = 1;
}
//hund
setEventById("dogHead", "mouseover", showMenu);
setEventById("dogHead", "mouseout", hideMenu);

setEventById("eltonLink", "mouseover", clearMenuTimeout);
setEventById("eltonLink", "mouseout", hideMenu);
setEventById("goshLink", "mouseover", clearMenuTimeout);
setEventById("goshLink", "mouseout", hideMenu);
setEventById("leoLink", "mouseover", clearMenuTimeout);
setEventById("leoLink", "mouseout", hideMenu);
setEventById("ikarosLink", "mouseover", clearMenuTimeout);
setEventById("ikarosLink", "mouseout", hideMenu);
setEventById("aussianLink", "mouseover", clearMenuTimeout);
setEventById("aussianLink", "mouseout", hideMenu);
setEventById("alfredLink", "mouseover", clearMenuTimeout);
setEventById("alfredLink", "mouseout", hideMenu);


//gallery
setEventById("galleryHead", "mouseover", showMenu);
setEventById("galleryHead", "mouseout", hideMenu);

setEventById("belleLink", "mouseover", clearMenuTimeout);
setEventById("belleLink", "mouseout", hideMenu);
setEventById("ellaLink", "mouseover", clearMenuTimeout);
setEventById("ellaLink", "mouseout", hideMenu);
setEventById("rosalindaLink", "mouseover", clearMenuTimeout);
setEventById("rosalindaLink", "mouseout", hideMenu);
setEventById("isoldeLink", "mouseover", clearMenuTimeout);
setEventById("isoldeLink", "mouseout", hideMenu);


//loved
setEventById("lovedHead", "mouseover", showMenu);
setEventById("lovedHead", "mouseout", hideMenu);

setEventById("titiyoLink", "mouseover", clearMenuTimeout);
setEventById("titiyoLink", "mouseout", hideMenu);
setEventById("sandraLink", "mouseover", clearMenuTimeout);
setEventById("sandraLink", "mouseout", hideMenu);

//*************************************************************