allSubmenus = new Array('Locations', 'Leistungen', 'Referenzen', 'Eventideen');


function $$(strId)
{
	return document.getElementById(strId);
}

function init()
{
	for (i = 0; i < allSubmenus.length; i++)
	{ 
		var menuMainItem = $$('menuItem'+allSubmenus[i]);
		var left         = menuMainItem.getBoundingClientRect().left - 11; // 11 == Padding + Border

		$$('submenuWrapper'+allSubmenus[i]).style.left = left+'px';
	}

	$$('imageWrapper').style.display = 'block';
	
	$(document).ready(
		function ()
		{
			$('#imageContent').innerfade({
				animationtype: 'fade',
				speed: 3000,
				timeout: 8000,
				type: 'random', // sequence
				containerheight: '330px'
			});
		}
	);
}


function showSubmenu(strId)
{
	hideAllSubmenus();
	
	$$('submenuWrapper'+strId).style.visibility = 'visible';
}

function hideSubmenu(strId)
{
	$$('submenuWrapper'+strId).style.visibility = 'hidden';
}

function hideAllSubmenus()
{
	for (i = 0; i < allSubmenus.length; i++)
	{ 
		$$('submenuWrapper'+allSubmenus[i]).style.visibility = 'hidden';
	}
}

function toggleDiv(strId)
{
	var obj  = $$(strId+"Wrapper");
	var obj2 = $$(strId+"Link");
	
	if (obj.style.display == "block")
	{
		obj.style.display = "none";
		obj2.innerHTML = "mehr";
	}
	else
	{
		obj.style.display = "block";
		obj2.innerHTML = "zur&uuml;ck";
	}
	
}