var hPos1, hPos2, hPos3, hPos4, hPos5;
var u1, u2, u3, u4, u5;

function GetElementHeight(elm) {
  if (!elm)
    return 0;
  if (document.layers)
  {
    if (!elm.height)
      elm.height = elm.clip.height;
    return elm.height;
  }
  else if (typeof(elm.style && elm.style.height) == 'number')
  {
    return elm.style.height;
  }
  else if (typeof(elm.style && elm.style.height) == 'string' && !isNaN(parseInt(elm.style.height)))
  {
    return parseInt(elm.style.height);
  }
  else if (elm.offsetHeight)
  {
    return elm.offsetHeight;
  }
  else if (typeof(elm.style && elm.style.pixelHeight) == 'number')
  {
    return elm.style.pixelHeight;
  }
  else if (elm.clientHeight)
  {
    return elm.clientHeight;
  }
  return 0;
}

function show(element) {
	switch (this.id) {
		case "unternavi1":
		case "haupt1":
			u1.style.top = "470px";
			u1.style.zIndex = 19;			
			break;
		case "unternavi2":
		case "haupt2":
			u2.style.top = "470px";
			u2.style.zIndex = 19;	
			break;
		case "unternavi3":
		case "haupt3":
			u3.style.top = "470px";
			u3.style.zIndex = 19;	
			break;
		case "unternavi4":
		case "haupt4":
			u4.style.top = "470px";
			u4.style.zIndex = 19;	
			break;
		case "unternavi5":
		case "haupt5":
			u5.style.top = "470px";
			u5.style.zIndex = 19;	
	}
}

function hide(element) {
	switch (this.id) {
		case "unternavi1":
		case "haupt1":
			u1.style.top = hPos1;
			u1.style.zIndex = 15;
			break;
		case "unternavi2":
		case "haupt2":
			u2.style.top = hPos2;
			u2.style.zIndex = 16;
			break;
		case "unternavi3":
		case "haupt3":
			u3.style.top = hPos3;
			u3.style.zIndex = 17;
			break;
		case "unternavi4":
		case "haupt4":
			u4.style.top = hPos4;
			u4.style.zIndex = 18;			
			break;
		case "unternavi5":
		case "haupt5":
			u5.style.top = hPos5;
			u5.style.zIndex = 15;			
	}
}

window.onload = function() {
	u1 = document.getElementById("unternavi1");
	u2 = document.getElementById("unternavi2");
	u3 = document.getElementById("unternavi3");
	u4 = document.getElementById("unternavi4");
	u5 = document.getElementById("unternavi5");

	hPos1 = (470 - GetElementHeight(u1) + 29) + "px";
	u1.style.top = hPos1;	
	u1.onmouseover = show;
	u1.onmouseout = hide;

	hPos2 = (470 - GetElementHeight(u2) + 29) + "px";
	u2.style.top = hPos2;	
	u2.onmouseover = show;
	u2.onmouseout = hide;	
	
	hPos3 = (470 - GetElementHeight(u3) + 29) + "px";
	u3.style.top = hPos3;	
	u3.onmouseover = show;
	u3.onmouseout = hide;
	
	hPos4 = (470 - GetElementHeight(u4) + 29) + "px";
	u4.style.top = hPos4;	
	u4.onmouseover = show;
	u4.onmouseout = hide;

	hPos5 = (470 - GetElementHeight(u5) + 29) + "px";
	u5.style.top = hPos5;	
	u5.onmouseover = show;
	u5.onmouseout = hide;
	
	var	h1 = document.getElementById("haupt1");
	h1.onmouseover = show;
	h1.onmouseout = hide;
	var	h2 = document.getElementById("haupt2");
	h2.onmouseover = show;
	h2.onmouseout = hide;
	var	h3 = document.getElementById("haupt3");
	h3.onmouseover = show;
	h3.onmouseout = hide;
	var	h4 = document.getElementById("haupt4");
	h4.onmouseover = show;
	h4.onmouseout = hide;
	var	h5 = document.getElementById("haupt5");
	h5.onmouseover = show;
	h5.onmouseout = hide;
	
}