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


function changeStatusItem(obj) {
	var items = document.getElementById("status").getElementsByTagName("a");
	for (var i=0; i<items.length; i++) {
		items[i].style.backgroundPosition = "left top";				
	};
	//alert(obj);
	obj.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";				
	};
	//alert(this.id+" hat noch keinen Funktion!");
	//this.style.backgroundPosition = "left bottom";
};

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 menueToActive(kat) {
	var id = 0;
	switch (kat) {
		case 100: id = 2; break;
		case 200: id = 3; break;
		case 300: id = 4; break;
		case 620: id = 6; break;
		case 610: id = 7; break;
		case 700: id = 8; break;
		case 630: id = 9; break;
		case 690: id = 10; break;
		case 910: id = 11; break;
		case 780: id = 13; break;
		case 790: id = 20; break;
		case 550: id = 21; break;
		case 410: id = 15; break;
		case 460: id = 16; break;
		case 500: id = 17; break;
		case 800: id = 18; break;
		case 590: id = 19; break;
		default: id = 0;  break;
	};
	var items = document.getElementById("menue").getElementsByTagName("a");
	for (var i=0; i<items.length; i++) {
		items[i].style.backgroundPosition = "left top";				
	};
	var activeItem = document.getElementById("shopMenueItem"+String(id));
	activeItem.style.backgroundPosition = "left bottom";
};


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

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


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 schreibWK(anzahl, summe) {
	try
	{
		var feld = document.getElementById("WKanzeige");
		var Link = document.getElementById("WKlink");
		var bild = document.getElementById("WKbild");
		
		if (anzahl < 1) {
			var anzeige = "Ihr Warenkorb ist leer.";
			Link.style.color = "#000000";
			bild.style.backgroundImage = "url(../bilder/wk_icon.gif)";
		} else {
			var anzeige = String(anzahl)+" Artikel | "+summe+" EUR";
			Link.style.color = "#990000";
			bild.style.backgroundImage = "url(../bilder/wk_icon_rot.gif)";
		};
		
		feld.innerHTML = anzeige;
	}
	catch(error)
	{
		//alert("Fehler: "+error);
	};
};


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 = "shopMenueItem"+String(nr);
	var activeItem = document.getElementById(id)
	activeItem.style.backgroundPosition = "left bottom";
};




function setinteractive() {
	
/*	var mainItem1 = document.getElementById("statusItem1");
	mainItem1.onclick = followLink;
	mainItem1.onmouseover = changeToOver;
	mainItem1.onmouseout = changeBack;
	var mainItem2 = document.getElementById("statusItem2");
	mainItem2.onclick = followLink;
	mainItem2.onmouseover = changeToOver;
	mainItem2.onmouseout = changeBack;
	var mainItem3 = document.getElementById("statusItem3");
	mainItem3.onclick = followLink;
	mainItem3.onmouseover = changeToOver;
	mainItem3.onmouseout = changeBack;
	var mainItem4 = document.getElementById("statusItem4");
	mainItem4.onclick = followLink;
	mainItem4.onmouseover = changeToOver;
	mainItem4.onmouseout = changeBack;
*/	var login = document.getElementById("loginButton");
	login.onmouseover = changeToOverSimple;
	login.onmouseout = changeBackSimple;
	
	
	var menueRels = document.getElementsByTagName("a");
	for (var i=0; i<menueRels.length; i++) {
		
		if(menueRels[i].rel == "u") {
			menueRels[i].onclick = navigateShop;
			menueRels[i].onmouseover = changeToOver;
			menueRels[i].onmouseout = changeBack;
		};
		if(menueRels[i].rel == "h") {
			menueRels[i].onclick = navigateShopSpecial;
			menueRels[i].onmouseover = changeToOverSimple;
			menueRels[i].onmouseout = changeBackSimple;
		};
	};
	

};



window.onload = setinteractive;