function getOffsets(e) {
	var o = {
		height: e.offsetHeight,
		width: e.offsetWidth
	};
	
	var x = e.offsetLeft;
	var y = e.offsetTop;
	var p = e.offsetParent;
	
	while(p && (p.nodeType != 9)) {
		x += p.offsetLeft;
		y += p.offsetTop;
		p = p.offsetParent;
	}
	o.left = x;
	o.top = y;
	return o;
}
function fadeTopImage(step) {
	var newStep = step + 2;
	
	var topimage = document.getElementById('topimage');
	
	if (document.all) {
		topimage.filters.item('DXImageTransform.Microsoft.Alpha').opacity = newStep;
	}
	else {
		topimage.style.MozOpacity = newStep / 100;
	}

	if (newStep < 100) {
		setTimeout(function() {
			fadeTopImage(newStep);
		},30);
	}
}
function moveheadline() {
	var pageimage = document.getElementById('topimage');
	var pageheadline1 = document.getElementById('pageheadline1');
	var pageheadline2 = document.getElementById('pageheadline2');
	
	var halogo = document.getElementById('halogo');
	
	var offsets = getOffsets(pageimage);
	/*
	pageheadline1.style.display = 'block';
	pageheadline1.style.left = (offsets.left + 101) + 'px';
	pageheadline1.style.top = '51px';
	pageheadline1.style.zIndex = 10;
	*/
	pageheadline2.style.display = 'block';
	pageheadline2.style.left = (offsets.left + 42) + 'px';
	pageheadline2.style.top = '95px';
	pageheadline2.style.zIndex = 11;
	
	halogo.style.display = 'block';
	halogo.style.left = (offsets.left + 892) + 'px';
	halogo.style.top = '10px';
	halogo.style.zIndex = 11;
}
window.onresize = function() {
	moveheadline();
}
window.onload = function() {
	fadeTopImage(0);
	moveheadline();
	if (typeof startSelectedMenuItem != 'undefined' && startSelectedMenuItem) {
		// showMenu(startSelectedMenuItem);
	}
}
var selectedMenuItem = false;
var selectedParentElement = false;
function showMenu(id) {
	if (menuTimeoutId) {
		clearTimeout(menuTimeoutId);
	}
	if (selectedMenuItem) {
		selectedMenuItem.style.display = 'none';
	}
	if (selectedParentElement) {
		if (selectedParentElement.className != 'menuitem_selected') {
			selectedParentElement.className = 'menuitem';
		}
	}
	// var subMenuHolder = document.getElementById('submenuholder');
	var element = document.getElementById('submenu_' + id);
	
	if (document.all && element.childNodes.length <= 1) {
		return;
	}
	else if (!document.all && element.childNodes.length <= 3) {
		return;
	}
	
	var parentElement = document.getElementById('topmenuitem_' + id);
	if (parentElement.className != 'menuitem_selected') {
		parentElement.className = 'menuitem menuitem_over';
	}
	var offsets = getOffsets(parentElement);
	
	
	
	element.style.position = 'absolute';
	element.style.top = (offsets.top + 30) + 'px';
	element.style.left = (offsets.left - 20) + 'px';
	element.style.display = 'block';
	// subMenuHolder.appendChild(element);
	selectedMenuItem = element;
	selectedParentElement = parentElement;
}
var menuTimeoutId = false;
function hideMenu(id,reallyHide) {
	menuTimeoutId = setTimeout(function() {
		hideMenu(id,true);
	},500);
	if (typeof reallyHide != 'undefined' && reallyHide) {
		var element = document.getElementById('submenu_' + id);
		element.style.display = 'none';
	}
}