function $(obj) { return document.getElementById(obj); }
function $N(obj) { return document.getElementsByName(obj); }

/***************************************************************
 * NAVIGATION
 ***************************************************************/

// Initialisierung
var naviStruktur = Array("navUeberUns", "navProdukte", "navBeratung", "navWorkshop", "navKontakt");
var subnaviStruktur = Array("subNavUeberuns1", "subNavProdukte1", "subNavProdukte2", "subNavProdukte3");
var subNaviActive = null;

function showNavi()
{
	subNaviActive = null;
	var button = showNavi.arguments[0];
	var navi = document.getElementById(showNavi.arguments[1]);
	navi.style.left = (button.offsetLeft - 8) + "px";
	navi.style.visibility = "visible";
	document.getElementById("killSubnav").style.visibility="visible";
}

function showSubNavi()
{
	var subNavi = document.getElementById(showSubNavi.arguments[0]);
	var navi = document.getElementById(showSubNavi.arguments[2]);
	var yPos = showSubNavi.arguments[1];
	var xPos = Number(navi.style.left.substr(0, navi.style.left.length-2)) + navi.offsetWidth;
	subNavi.style.left =  xPos + "px";
	subNavi.style.top = yPos + "px";
	subNavi.style.visibility = "visible";
	if (subNaviActive && subNaviActive != subNavi) { subNaviActive.style.visibility = "hidden"; }
	subNaviActive = subNavi;
}

function hideNavi()
{
	for (var i = 0; i < naviStruktur.length; i++) {
		 /*console.log(naviStruktur[i]);
		 console.log(naviStruktur.length);*/
		if(document.getElementById(naviStruktur[i]))  document.getElementById(naviStruktur[i]).style.visibility="hidden";
	}
	for (var i = 0; i < subnaviStruktur.length; i++) { document.getElementById(subnaviStruktur[i]).style.visibility="hidden"; }
	document.getElementById("killSubnav").style.visibility="hidden";
}


/***************************************************************
 * BILDWECHSEL
 ***************************************************************/

function swapImage()
{
	// Wenn id
	if (document.getElementById(swapImage.arguments[0])) { var img = document.getElementById(swapImage.arguments[0]); }
	// Wenn Objekt
	else { var img = swapImage.arguments[0]; }
	
	if (img.src.indexOf("_out") > -1)
	{
		hideNavi();
		img.src = img.src.replace("_out", "_over");
	}
	else if (img.src.indexOf("_over") > -1) { img.src = img.src.replace("_over", "_out"); }
}



oldId = null;
function contentExpand(newId)
{
		if (newId != oldId) {
			openArticle(newId);
			if (oldId) { closeArticle(oldId); }
			oldId = newId;
		} else {
			closeArticle(newId);
			oldId = null;
		}
		
		function openArticle(oId)
		{
			var art = document.getElementById("beitrag" + oId);
			art.style.position = "static";
			art.style.visibility = "visible";
			swapImage('button' + oId);
		}
		function closeArticle(cId)
		{
			var art = document.getElementById("beitrag" + cId);
			art.style.visibility = "hidden";
			art.style.position = "absolute";
			art.style.top = "0px";
			art.style.left = "0px";
			swapImage('button' + cId);
		}
}