﻿		function loadSubNavi () {
			var myUl = document.createElement ("ul");
			var myId = document.createAttribute ("id");
			myId.nodeValue = "subnavi";
			var myLi = document.createElement ("li");
			var myA = document.createElement ("a");
			var myLink = document.createAttribute ("href");
			myLink.nodeValue = "allgemein.html";
			var myText = document.createTextNode ("eBay-Leitfaden");

			var myUl2 = document.createElement ("ul")
			var myId2 = document.createAttribute ("id");
			myId2.nodeValue = "subnavi_2";
			var myLi2 = document.createElement ("li");
			var myA2 = document.createElement ("a");
			var myLink2 = document.createAttribute ("href");
			myLink2.nodeValue = "allgemein.html";
			var myText2 = document.createTextNode ("Allgemein");

			var myLi3 = document.createElement ("li");
			var myA3 = document.createElement ("a");
			var myLink3 = document.createAttribute ("href");
			myLink3.nodeValue = "leitfaden_kaeufer.html";
			var myText3 = document.createTextNode ("Leitfaden für Käufer");

			var myLi4 = document.createElement ("li");
			var myA4 = document.createElement ("a");
			var myLink4 = document.createAttribute ("href");
			myLink4.nodeValue = "leitfaden_verkaeufer.html";
			var myText4 = document.createTextNode ("Leitfaden für Verkäufer");

			var myLi5 = document.createElement ("li");
			var myA5 = document.createElement ("a");
			var myLink5 = document.createAttribute ("href");
			myLink5.nodeValue = "neue_marktplaetze.html";
			var myText5 = document.createTextNode ("Neue Marktplätze");

			var myLi6 = document.createElement ("li");
			var myA6 = document.createElement ("a");
			var myLink6 = document.createAttribute ("href");
			myLink6.nodeValue = "shopping_leitfaden.html";
			var myText6 = document.createTextNode ("Shopping-Leitfaden");

			var myLi7 = document.createElement ("li");
			var myA7 = document.createElement ("a");
			var myLink7 = document.createAttribute ("href");
			myLink7.nodeValue = "shopping_tipps.html";
			var myText7 = document.createTextNode ("Shopping-Tipps");

			var myLi8 = document.createElement ("li");
			var myA8 = document.createElement ("a");
			var myLink8 = document.createAttribute ("href");
			myLink8.nodeValue = "fernabsatzrecht.html";
			var myText8 = document.createTextNode ("Fernabsatzrecht");

			myA.setAttributeNode (myLink);
			myA.appendChild (myText);
			myLi.appendChild (myA);
			myUl.setAttributeNode (myId);
			myUl.appendChild (myLi);

			myA2.setAttributeNode (myLink2);
			myA2.appendChild (myText2);
			myLi2.appendChild (myA2);
			myUl2.appendChild (myLi2);
			myLi.appendChild (myUl2);

			myA3.setAttributeNode (myLink3);
			myA3.appendChild (myText3);
			myLi3.appendChild (myA3);
			myUl2.appendChild (myLi3);

			myA4.setAttributeNode (myLink4);
			myA4.appendChild (myText4);
			myLi4.appendChild (myA4);
			myUl2.setAttributeNode (myId2);
			myUl2.appendChild (myLi4);

			myA5.setAttributeNode (myLink5);
			myA5.appendChild (myText5);
			myLi5.appendChild (myA5);
			myUl2.appendChild (myLi5);

			myA6.setAttributeNode (myLink6);
			myA6.appendChild (myText6);
			myLi6.appendChild (myA6);
			myUl.appendChild (myLi6);

			myA7.setAttributeNode (myLink7);
			myA7.appendChild (myText7);
			myLi7.appendChild (myA7);
			myUl.appendChild (myLi7);

			myA8.setAttributeNode (myLink8);
			myA8.appendChild (myText8);
			myLi8.appendChild (myA8);
			myUl.appendChild (myLi8);

			document.getElementById ("naviratgeber").appendChild (myUl);
		}

		function handleSubNavi() {
			var subnaviControl = document.getElementById("subnavi");

			if (subnaviControl) {
				document.getElementById("naviratgeber").removeChild(subnaviControl);
			} else {
				loadSubNavi();
			}
		}
		function closeSubNavi() {
			var subnaviControl = document.getElementById("subnavi");
			if (subnaviControl) {
				document.getElementById("naviratgeber").removeChild(subnaviControl);
			}
		}


function changeImageOver(image)
{
	if (image.src.match(/Normal\./))
		image.src = image.src.replace(image.src.match(/Normal\./), 'Over.');
	else
		image.src = image.src.replace(image.src.match(/Over\./), 'Normal.');
}
function changeImageStatus(image, status)
{
	if (status == 'on')
		image.src = image.src.replace(image.src.match(/Normal\./), 'Over.');
	else
		image.src = image.src.replace(image.src.match(/Over\./), 'Normal.');
}
function changeImage(image, newSrc)
{
	var target = document.getElementsByName(image)[0];
	var oldSrcPos = target.src.lastIndexOf("/");
	var oldSrc = target.src.substr(oldSrcPos+1);
	target.src = target.src.replace(target.src.match(oldSrc), newSrc);
}
function changeBackgroundImageOver(element, status)
{
	var divId = document.getElementById(element);
	if (status == 'on') 
		divId.style.backgroundImage = divId.style.backgroundImage.replace(divId.style.backgroundImage.match(/Normal\./), 'Over.');
	else
		divId.style.backgroundImage = divId.style.backgroundImage.replace(divId.style.backgroundImage.match(/Over\./), 'Normal.');
}
function changeFlagOver(divId, status)
{
	if(status == 'on')
		var color = 'FFFFFF';
	else
		var color = '143361';
	document.getElementById(divId).getElementsByTagName('a')[0].style.color = '#'+color;
	//changeImageStatus(document.getElementsByName(divId+'L')[0], status);
	changeBackgroundImageOver(divId+'L', status);
	changeBackgroundImageOver(divId+'C', status);
	changeBackgroundImageOver(divId+'R', status);
	//changeImageStatus(document.getElementsByName(divId+'R')[0], status);
}
function changeContent(element, target, divId)
{
	aktshoprating = divId;
	var thisdiv = document.getElementById(element);
	var maindiv = thisdiv.parentNode;
	var subdivs = thisdiv.parentNode.getElementsByTagName("div");
	var anzahl = document.getElementById(target).childNodes.length;
	for(var i = 0; i < anzahl; i++)
	{
		if(document.getElementById(target).childNodes[i].getAttribute('id') == divId)
			document.getElementById(target).childNodes[i].style.display = 'block';
		else
			document.getElementById(target).childNodes[i].style.display = 'none';
	}
	for(var i = 0; i < subdivs.length; i++)
	{
		if(subdivs[i].parentNode == maindiv)
		{
			if (subdivs[i].getAttribute('id') == element)
				changeFlagOver(subdivs[i].getAttribute('id'), 'on');
			else
			changeFlagOver(subdivs[i].getAttribute('id'), 'out');
		}
	}
}
function changeboxTitleOver(box, status)
{
	if (status == 'on')
		box.style.backgroundImage = box.style.backgroundImage.replace(box.style.backgroundImage.match(/Normal\./), 'Over.');
	else
		box.style.backgroundImage = box.style.backgroundImage.replace(box.style.backgroundImage.match(/Over\./), 'Normal.');
}
function buttonChange(img, status)
{
	if (status == 'on')
		img.className = img.className.replace(img.className.match(/Normal/), 'Over');
	else
		img.className = img.className.replace(img.className.match(/Over/), 'Normal');
}
function showDiv(id)
{
	var thisDiv = document.getElementById(id);
	if(thisDiv.style.display == 'none')
		thisDiv.style.display = 'block';
	else
		thisDiv.style.display = 'none';
}
function show(id, type)
{
	var thisDiv = document.getElementById(id);
	if(thisDiv.style.display == 'none')
		thisDiv.style.display = type;
	else
		thisDiv.style.display = 'none';
}