function followLink(e) {
	var items = document.getElementById("status").getElementsByTagName("a");
	for (var i=0; i<items.length; i++) {
		items[i].style.backgroundPosition = "left top";				
	};
	this.style.backgroundPosition = "left bottom";
};
function navigateShopSpecial(e) {
	var items = document.getElementById("status").getElementsByTagName("a");
	for (var i=0; i<items.length; i++) {
		items[i].style.backgroundPosition = "left top";				
	};
	
};

function navigateShop(e) {
	var items = document.getElementById("menue").getElementsByTagName("a");
	for (var i=0; i<items.length; i++) {
		items[i].style.backgroundPosition = "left top";				
	};
	this.style.backgroundPosition = "left bottom";
};

function changeToOverSimple(e) {
	this.style.backgroundPosition = "left bottom";
};

function changeBackSimple(e) {
	this.style.backgroundPosition = "left top";
};

function showLogin(e) {

};

function changeBack(e) {
	if(this.style.backgroundPosition != "left bottom") {
		this.style.backgroundPosition = "left top";
	};
};
function changeToOver(e) {
	if(this.style.backgroundPosition != "left bottom") {
		this.style.backgroundPosition = "left center";
	};
};


function changeToActive(nr) {
	
	var items = document.getElementById("menue").getElementsByTagName("a");
	for (var i=0; i<items.length; i++) {
		items[i].style.backgroundPosition = "left top";				
	};
	var id = "infoMenueItem"+String(nr);
	var activeItem = document.getElementById(id)
	activeItem.style.backgroundPosition = "left bottom";
};





function setinteractive() {
	
		var login = document.getElementById("loginButton");
	login.onclick = showLogin;
	login.onmouseover = changeToOverSimple;
	login.onmouseout = changeBackSimple;
	
	
		/*--- Hauptpunkte ---*/
	

	
	/*--- Klick-Unterpunte ---*/
		var infoMainItem1 = document.getElementById("infoMenueItem1");
			infoMainItem1.onclick = navigateShop;
	infoMainItem1.onmouseover = changeToOver;
	infoMainItem1.onmouseout = changeBack;
		var infoMainItem2 = document.getElementById("infoMenueItem2");
	infoMainItem2.onclick = navigateShop;
	infoMainItem2.onmouseover = changeToOver;
	infoMainItem2.onmouseout = changeBack;
	var infoMainItem3 = document.getElementById("infoMenueItem3");
	infoMainItem3.onclick = navigateShop;
	infoMainItem3.onmouseover = changeToOver;
	infoMainItem3.onmouseout = changeBack;
	var infoMainItem4 = document.getElementById("infoMenueItem4");
	infoMainItem4.onclick = navigateShop;
	infoMainItem4.onmouseover = changeToOver;
	infoMainItem4.onmouseout = changeBack;
		var infoMainItem5 = document.getElementById("infoMenueItem5");
	infoMainItem5.onclick = navigateShop;
	infoMainItem5.onmouseover = changeToOver;
	infoMainItem5.onmouseout = changeBack;
		var infoMainItem6 = document.getElementById("infoMenueItem6");
	infoMainItem6.onclick = navigateShop;
	infoMainItem6.onmouseover = changeToOver;
	infoMainItem6.onmouseout = changeBack;
	var infoMainItem7 = document.getElementById("infoMenueItem7");
	infoMainItem7.onclick = navigateShop;
	infoMainItem7.onmouseover = changeToOver;
	infoMainItem7.onmouseout = changeBack;


	
 

		


	
	
	
	
};


/*-- Initialisierung --*/
window.onload = setinteractive;