/********************************************
*
*  Copyright: emion interaktive medien GmbH
*  http://www.emion.de | info@emion.de
*  mschmidt@20060228 0918
*
*********************************************/


var navigaktiv = 0;
var navigtimer = 0;

function navig(button,subnavig)
	{
	var subnavig = document.getElementById(subnavig);
	var button = document.getElementById(button);

	if((button == 0) || (subnavig == 0)) { return; }
	
	button.onmouseover = function()
		{
		if(navigaktiv)
			{
			navigaktiv.style.display = 'none';			
			}
		this.aktiv();
	
		if(navigtimer == 0) { return; }
	
		clearTimeout(navigtimer);
		}
		
	button.onmouseout = function()
		{
		navigtimer = setTimeout('verstecken()',100);
		}
		
	button.onclick = button.onfocus = function()
		{
		if(navigaktiv == 0)
			{
			this.aktiv();
			}
		else
			{
			navigaktiv.style.display = 'none';
			navigaktiv = 0;
			}
		return false;
		}
		
	button.aktiv = function()
		{
		var pos = position(this);
		if(pos.top == 0)
			{
			pos.top = -10;
			}
		if(navigator.userAgent.toLowerCase().indexOf("gecko") > -1)
			{
			if(subnavig.id == "navkontakt")
				{
				subnavig.style.borderRight = "0";
				pos.left = pos.left - 65;
				}
			subnavig.style.left = pos.left - 6 + 'px';
			subnavig.style.top = pos.top + this.offsetHeight + 7 + 'px';
			subnavig.style.display = 'inline';
			navigaktiv = subnavig;
			}
		else
			{
			if(subnavig.id == "navkontakt")
				{
				subnavig.style.borderRight = "0";
				pos.left = pos.left - 65;
				}
			subnavig.style.left = pos.left - 6 + 'px';
			subnavig.style.top = pos.top + this.offsetHeight + 7 + 'px';
			subnavig.style.display = 'inline';
			navigaktiv = subnavig;
			}
		}
		

	subnavig.onmouseover = function()
		{
		if(navigtimer == 0)	{ return; }
		clearTimeout(navigtimer);
		}

	subnavig.onmouseout = function()
		{
		navigtimer = setTimeout('verstecken()',100);
		}
	}


function verstecken()
	{
	if(navigaktiv)
		{
		navigaktiv.style.display = 'none';
		}
	}

function position(element)
	{
	var left = 0;
	var top = 0;
	while(element != null)
		{
		left += element.offsetLeft;
		top  += element.offsetTop;
		element = element.offsetParent;
		}
	return {left:left,top:top}
	}


window.onload = function()
	{
	navig('unternehmen','navunternehmen');
	navig('produkte','navprodukte');
	navig('dienstleistungen','navdienstleistungen');
	navig('kontakt','navkontakt');
	}