function getLeft(l)

{

  if (l.offsetParent) return (l.offsetLeft + getLeft(l.offsetParent));

  else return (l.offsetLeft);

}



function getTop(l)

{

  if (l.offsetParent) return (l.offsetTop + getTop(l.offsetParent));

  else return (l.offsetTop);

}



var myElement = 0;

var subNavi = 0;



function init()

{

	naviPunktInaktiv('ueber_uns', 'sub_ueber_uns');

	naviPunktInaktiv('produkte', 'sub_produkte');

}





function naviPunktAktiv(id, subId)

{

	myElement = document.getElementById(id);

	myElement.style.color = "rgb(143, 178, 207)";

	myElement.style.height = "auto";

	

	subNavi = document.getElementById(subId);

	subNavi.style.visibility = "visible";

}



function naviPunktInaktiv(id, subId)

{

	myElement = document.getElementById(id);

	myElement.style.color = "rgb(255, 255, 255)";

	myElement.style.height = "20px";

	myElement.style.overflow = "hidden";

	

	subNavi = document.getElementById(subId);

	subNavi.style.visibility = "hidden";

}



function changeBackgroundMouseOver(id)

{

	document.getElementById(id).style.background = "rgb(143, 178, 207)";

}



function changeBackgroundMouseOut(id)

{

	document.getElementById(id).style.background = "rgb(255, 255, 255)";

}