var topOffset = 21;
var leftOffset = -28;
var activesub = '';
var timer;

function findPosTop(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return curtop;
}

function findPosLeft(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return curleft;
}

function showSubnav(subid, subobj) {
	document.getElementById(subid).style.top = findPosTop(subobj) + topOffset;
	document.getElementById(subid).style.left = findPosLeft(subobj) + leftOffset;
	
	//Navi anzeigen
	fadeIn(subid);
}

function fadeIn(subid) {
	document.getElementById(subid).style.display = 'block';
	
	//andere aktive Menüs ausblenden
	if (activesub != '' && activesub != subid) {fadeOut(activesub);}
	activesub = subid;
}

function fadeOut(subid) {
	document.getElementById(subid).style.display = 'none';
}

function startTimer() {
	window.clearTimeout(timer);
	timer = window.setTimeout("fadeOut('" + activesub + "')", 1000);
}
	
function stopTimer() {
	window.clearTimeout(timer);
}