/***********************************************
* Sliding Menu Bar Script- � Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
***********************************************/

var slidemenu_width='350px' //specify width of menu (in pixels)
var slidemenu_reveal='35px' //specify amount that menu should protrude initially
var slidemenu_top='290px'   //specify vertical offset of menu on page

var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0

var histaminval = 337;
var laktoseval = 337;

var wasclicked = '';

var sitems=new Array()

///////////Edit below/////////////////////////////////

//siteitems[x]=["Item Text", "Optional URL associated with text"]

sitems[0]=["Besuchen Sie uns auf facebook", "http://www.facebook.com/pages/Kyberg-Vital/145853678807975", true]
sitems[1]=["Über diese Seite twittern", 'http://twitter.com/share?url='+document.URL+'&lang=de', true]
//sitems[1]=["Über diese Seite twittern", 'http://twitter.com/share?url=http://www.kyberg.de&lang=de', true]
sitems[2]=["E-Mail schreiben", '<a href="http://xchange.waterdrops-gmbh.com/kyberg/kontakt_anfrage.html" class="bt_link" rel="lightbox[external 590 520]" title="E-Mail schreiben">', true, true]
sitems[3]=["Rückruf anfordern", '<a href="http://xchange.waterdrops-gmbh.com/kyberg/rueckruf_anfordern.html" class="bt_link" rel="lightbox[external 590 320]" title="Rückruf anfordern">', true, true]
sitems[4]=["Seite drucken", '<a href="javascript:window.print()" class="bt_link">', true, true]
sitems[5]=["Seite weiterempfehlen", '<a href="http://xchange.waterdrops-gmbh.com/kyberg/seite_weiterempfehlen.html" class="bt_link" rel="lightbox[external 590 640]" title="Seite weiterempfehlen">', true, true]

//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""

/////////////////////////////////////////////////////////
var slidemenutop_calculated = 0;
if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
	
	//statt ID CSS machen wir da Klassen
	//jedes Element bekommt so einen eigenen Slider
	//Bilder anpassen
	//aufruf der Methoden dann mit pull(this) und draw(this)
	slidemenutop_calculated = parseInt(slidemenu_top) + (50 * i)+"px";
	if (ie4||ns6)
	document.write('<div id="slidemenubar'+i+'" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenutop_calculated+'; width:'+slidemenu_width+'" onMouseover="pull(\'themenu'+i+'\')" onMouseout="draw(\'themenu'+i+'\')"><ul>')
	else if (ns4){
	document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
	document.write('<layer id="slidemenubar" left=0 top='+slidemenutop_calculated+' width='+slidemenu_width+' onMouseover="pull(\'themenu'+i+'\')" onMouseout="draw(\'themenu'+i+'\')" visibility=hide><ul>')
	}
	
if (sitems[i][1])
{
	if(i>0)
	{
		//margin = ' style="margin-top:23px;"';
		margin = '';
	}
	else
	{
		margin = '';
	}
	
	document.write('<li><div class="sl_button"'+margin+'>');
	if(sitems[i][2])
	{
		if(sitems[i][3])
		{
			document.write(sitems[i][1]);
			document.write(sitems[i][0]);
		}
		else
		{
			document.write('<a href="'+sitems[i][1]+'" target="_blank" class="bt_link">');
			document.write(sitems[i][0]);
		}		
	}
	else
	{
		document.write('<a href="'+sitems[i][1]+'" target="'+target+'" class="bt_link">');
		document.write(sitems[i][0]);
	}
	
}
if (sitems[i][1])
{
	if(sitems[i][0][0] == "#")
	{
		document.write('</a></div></li><div style="width:5px;height:29px;" clear="all"></div>');
	}
	else
	{
		document.write('</a></div></li><div style="width:5px;height:29px;" clear="all"></div>');
	}
}
document.write('<br>\n')

if (ie4||ns6){
document.write('</ul></div>')
window["themenu"+i]= document.getElementById("slidemenubar"+i).style
}
else if (ns4){
document.write('</ul></layer>')
window["themenu"+i]=document.layers.slidemenubar
}
}
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2

rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1



function pull(themenuname){
if (window["drawit"+themenuname])
clearInterval(window["drawit"+themenuname])
window["pullit"+themenuname]=setInterval(function call() { pullengine(themenuname); },10)
}
function draw(themenuname){
clearInterval(window["pullit"+themenuname])
window["drawit"+themenuname]=setInterval(function call2() { drawengine(themenuname); },10)
}

function change(sfilename, swidth, sheight)
{
	document.getElementById("productshot").innerHTML = '<img src="'+sfilename+'" width="'+swidth+'" height="'+sheight+'" alt="Produktbild" border="0"/>';
}

function mover(parentobject)
{	
	var i = 0;
	for(i = 0; i <= parentobject.childNodes.item(1).childNodes.item(1).childNodes.length; i++)
	{
		if(parentobject.childNodes.item(1).childNodes.item(1).childNodes.item(i).className=='pictogram')
			break;
	}

	parentobject.childNodes.item(1).childNodes.item(1).childNodes.item(i).firstChild.src = 'tl_files/kyberg/images/button_gruen.png';
	
	var notfound = true;
	
	for(i = 0; i <= parentobject.childNodes.length; i++)
	{
		if((parentobject.childNodes.item(i).className == 'picar') || (parentobject.childNodes.item(i).className == 'picar2'))
		{
			notfound = false;
			break;
		}
	}
	
	if(notfound == false)
	{
		parentobject.childNodes.item(i).style.opacity = '1';
		parentobject.childNodes.item(i).style.filter = 'alpha(opacity=100)';
	}
}

function mout(parentobject)
{
	var i = 0;
	for(i = 0; i <= parentobject.childNodes.item(1).childNodes.item(1).childNodes.length; i++)
	{
		if(parentobject.childNodes.item(1).childNodes.item(1).childNodes.item(i).className=='pictogram')
			break;
	}
	
	parentobject.childNodes.item(1).childNodes.item(1).childNodes.item(i).firstChild.src = 'tl_files/kyberg/images/button_grau.png';
	
	var notfound = true;
	
	for(i = 0; i <= parentobject.childNodes.length; i++)
	{
		if((parentobject.childNodes.item(i).className == 'picar') || (parentobject.childNodes.item(i).className == 'picar2'))
		{
			notfound = false;
			break;
		}
			
	}
	
	if(notfound == false)
	{
		parentobject.childNodes.item(i).style.opacity = '0.6';
		parentobject.childNodes.item(i).style.filter = 'alpha(opacity=60)';
	}
}

function mover2(parentobject)
{	
	var pictogram_element = null;
	var bild_element = null;
	var IE='\v'=='v';
	
	if(!IE)
	{
		if(parentobject.parentNode.className == "sp_subhead")
		{
			
			pictogram_element = parentobject.parentNode.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling;
			
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling.nextSibling;
			
		}
		else if(parentobject.parentNode.className == "pictogram")
		{
			pictogram_element = parentobject.parentNode;
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling.nextSibling;
		}
		else if(parentobject.parentNode.className == "weiterlink")
		{
			pictogram_element = parentobject.parentNode.previousSibling.previousSibling;
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling.nextSibling;
		}
		else if(parentobject.parentNode.className == "picar2")
		{
			pictogram_element = parentobject.parentNode.previousSibling.previousSibling.firstChild.nextSibling.firstChild.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling;		
			bild_element = parentobject.parentNode;
		}
	}
	else
	{
		//IE 
		if(parentobject.parentNode.className == "sp_subhead")
		{			
			pictogram_element = parentobject.parentNode.nextSibling.nextSibling.nextSibling;			
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling;
		}
		else if(parentobject.parentNode.className == "pictogram")
		{
			pictogram_element = parentobject.parentNode;
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling;
		}
		else if(parentobject.parentNode.className == "weiterlink")
		{
			pictogram_element = parentobject.parentNode.previousSibling;
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling;
		}
		else if(parentobject.parentNode.className == "picar2")
		{
			pictogram_element = parentobject.parentNode.previousSibling.firstChild.firstChild.nextSibling.nextSibling.nextSibling;		
			bild_element = parentobject.parentNode;
		}
	}
	pictogram_element.firstChild.firstChild.src = 'tl_files/kyberg/images/button_gruen.png';
	
	var notfound = true;
	
	if((bild_element != null) && (bild_element.className == "picar2"))
	{
		notfound = false;
	}
	
	if(notfound == false)
	{
		bild_element.style.opacity = '1';
		bild_element.style.filter = 'alpha(opacity=100)';
	}
}

function mout2(parentobject)
{
	var pictogram_element = null;
	var bild_element = null;
	var IE='\v'=='v';

	if(!IE)
	{
		if(parentobject.parentNode.className == "sp_subhead")
		{
			pictogram_element = parentobject.parentNode.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling;
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling.nextSibling;			
		}
		else if(parentobject.parentNode.className == "pictogram")
		{
			pictogram_element = parentobject.parentNode;
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling.nextSibling;
		}
		else if(parentobject.parentNode.className == "weiterlink")
		{
			pictogram_element = parentobject.parentNode.previousSibling.previousSibling;
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling.nextSibling;
		}
		else if(parentobject.parentNode.className == "picar2")
		{
			pictogram_element = parentobject.parentNode.previousSibling.previousSibling.firstChild.nextSibling.firstChild.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling;		
			bild_element = parentobject.parentNode;
		}
	}
	else
	{
		//IE 
		if(parentobject.parentNode.className == "sp_subhead")
		{			
			pictogram_element = parentobject.parentNode.nextSibling.nextSibling.nextSibling;			
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling;
		}
		else if(parentobject.parentNode.className == "pictogram")
		{
			pictogram_element = parentobject.parentNode;
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling;
		}
		else if(parentobject.parentNode.className == "weiterlink")
		{
			pictogram_element = parentobject.parentNode.previousSibling;
			bild_element = parentobject.parentNode.parentNode.parentNode.nextSibling;
		}
		else if(parentobject.parentNode.className == "picar2")
		{
			pictogram_element = parentobject.parentNode.previousSibling.firstChild.firstChild.nextSibling.nextSibling.nextSibling;		
			bild_element = parentobject.parentNode;
		}
	}
		
	pictogram_element.firstChild.firstChild.src = 'tl_files/kyberg/images/button_grau.png';
	
	var notfound = true;
	
	if((bild_element != null) && (bild_element.className == "picar2"))
	{
		notfound = false;
	}
	
	if(notfound == false)
	{
		bild_element.style.opacity = '0.6';
		bild_element.style.filter = 'alpha(opacity=60)';
	}
}

function str_replace(search, replace, subject) 
{
	return subject.split(search).join(replace);
}

function changefontsize(befehl)
{	
	var bereich = document.getElementById("schriftgroesse");

	document.getElementById("sg_normal").className = "sg_normal";
	document.getElementById("sg_gross").className = "sg_gross";
	document.getElementById("sg_groesser").className = "sg_groesser";
	
	document.getElementById(befehl).className = befehl+" sg_current";

	var cssarrs = new Array();
	cssarrs["inside"] = 13;
	cssarrs["inside2"] = 13;
	cssarrs["inside3"] = 13;
	cssarrs["sp_subhead"] = 18;
	cssarrs["accordion_headings"] = 18;
	cssarrs["accordion_headings_b"] = 18;
	cssarrs["header_highlight"] = 18;
	cssarrs["header_highlight_b"] = 18;
	
	var elearrs = new Array();
	elearrs["h2"] = 18; 
	elearrs["h4"] = 18;
	
	var IE='\v'=='v';
	
	
	var elem = null;
	var elem2 = null;
	
	if(befehl == "sg_normal")
	{
		//loeschen (Datum liegt in der Vergangenheit)
		document.cookie = "fontsize=;";
		
		//Fontsize auf normal setzen
		document.body.style.fontSize = "14px";
		
		for(cssclassname in cssarrs)
		{
			elem = document.getElementsByClassName(cssclassname);
			if(elem != null)
			{
				for(i = 0; i < elem.length; i++)
				{
					elem[i].style.fontSize = (cssarrs[cssclassname])+"px";
				}
			}
		}
		
		if(!IE)
		{
			for(elename in elearrs)
			{
				elem2 = document.getElementsByTagName(elename);
				if(elem2 != null)
				{
					for(j = 0; j < elem2.length; j++)
					{
						elem2[i].style.fontSize = (elearrs[elename])+"px";
					}
				}
			}
		}
	}
	else
	{		
		if(befehl == "sg_gross")
		{
			document.cookie = "fontsize="+befehl+";";
			//Fontsize auf gross setzen
			document.body.style.fontSize = "15px";
			
			for(cssclassname in cssarrs)
			{
				elem = document.getElementsByClassName(cssclassname);
				if(elem != null)
				{
					for(i = 0; i < elem.length; i++)
					{
						elem[i].style.fontSize = (cssarrs[cssclassname]+1)+"px";
					}
				}
			}
			
			if(!IE)
			{
				for(elename in elearrs)
				{
					elem2 = document.getElementsByTagName(elename);
					if((elem2 != null) && (elem2.length != 0))
					{
						for(j = 0; j < elem2.length; j++)
						{
							elem2[j].style.fontSize = (elearrs[elename]+1)+"px";						
						}
					}
				}
			}
		}
		else
		{
			if(befehl == "sg_groesser")
			{
				document.cookie = "fontsize="+befehl+";";
				//Fontsize auf groesser setzen
				document.body.style.fontSize = "16px";
				for(cssclassname in cssarrs)
				{
					elem = document.getElementsByClassName(cssclassname);
					if(elem != null)
					{
						for(i = 0; i < elem.length; i++)
						{
							elem[i].style.fontSize = (cssarrs[cssclassname]+2)+"px";
						}
					}
				}
				
				if(!IE)
				{
					for(elename in elearrs)
					{
						elem2 = document.getElementsByTagName(elename);
						if(elem2 != null)
						{
							for(j = 0; j < elem2.length; j++)
							{
								elem2[j].style.fontSize = (elearrs[elename]+2)+"px";
							}
						}
					}
				}
			}
		}
	}
}

onload=function(){
if (document.getElementsByClassName == undefined) {
	document.getElementsByClassName = function(className)
	{
		var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
		var allElements = document.getElementsByTagName("*");
		var results = [];

		var element;
		for (var i = 0; (element = allElements[i]) != null; i++) {
			var elementClass = element.className;
			if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
				results.push(element);
		}

		return results;
	}
}
}




function Toggle(headingelement, highlight_class)
{
	var IE='\v'=='v';
	
	if((highlight_class == "") || (highlight_class == null))
	{
		highlight_class = "header_highlight";
	}
	
	if(hasClass(headingelement, 'accordion_headings') == false)
		return;
	
	if(hasClass(headingelement, highlight_class))
	{
		//ist offen - schliessen
		//alert(headingelement.nextSibling.nextSibling.className);
		removeClass(headingelement, highlight_class);
		if(!IE)
		{
			headingelement.nextSibling.nextSibling.className = 'accordion_child_hidden';
		}
		else
		{
			headingelement.nextSibling.className = 'accordion_child_hidden';
		}
	}
	else
	{
		//ist geschlossen - oeffnen
		addClass(headingelement, highlight_class);
		if(!IE)
		{
			headingelement.nextSibling.nextSibling.className = 'accordion_child';
		}
		else
		{
			headingelement.nextSibling.className = 'accordion_child';
		}
		
	}
}

function hasClass(ele,cls) 
{
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) 
{
	if (!hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) 
{
	if (hasClass(ele,cls)) 
	{
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}

//i = 0;
function pullengine(themenuname){
	
	var left = window[themenuname].left;
	var background = window[themenuname].backgroundPosition;
	//var txarea = document.getElementById("test").innerHTML;
	
	if ((ie4||ns6)&&parseInt(left)<=rightboundary)
	{
		left=parseInt(left)+10+"px";
				 
		if(Math.abs(parseInt(left))<=315)
		{
			if(!background)
			{				
				background=292+"px";
			}
			//erste Intervalle herauskommen
			if(Math.abs(parseInt(left))>=285)
			{
				if(Math.abs(parseInt(left))==295)
				{
					//alert("background"+background+"left"+left);
					background=(parseInt(background)-2)+"px";
				}
				else
				{
					//alert("background"+background+"left"+left);
					background=(parseInt(background)-3)+"px";
				}				
			}
			else
			{
				//dann bleiben
				if(parseInt(background)-10 < 0)
				{
					background=0+"px";
				}
				else
				{
					background=(parseInt(background)-10)+"px";
				}
			}
		}
	}
	else if(ns4&&left<=rightboundary)
	{
		left+=10;
		if(left<260)
		{
			background-=10;
		}
	}
	else if (window["pullit"]+themenuname){
		if(ns4)
		{
			left=0;
			background=0;
		}
		else
		{
			left=0+"px";
			background=0+"px";
		}
		clearInterval(window["pullit"+themenuname]);
	}
	//i++;
	//txarea += i+"- pull left:"+left+" bg:"+background+"\n";
	//document.getElementById("test").innerHTML = txarea;
	
	if(parseInt(left) > 0)
	{
		left = 0+"px";
	}
	
	window[themenuname].left = left;
	window[themenuname].backgroundPosition = background;
}

function drawengine(themenuname){
	
	var left = window[themenuname].left;
	var background = window[themenuname].backgroundPosition;
	//var txarea = document.getElementById("test").innerHTML;
	
	if ((ie4||ns6)&&parseInt(left)>leftboundary)
	{
		left=parseInt(left)-10+"px";
		
		if(Math.abs(parseInt(left))<290)
		{						
			background=(Math.abs(parseInt(left)))+"px";
		}
	}
	else if(ns4&&left>leftboundary)
	{
		left-=10;
		
		if(left<290)
		{
			background+=left;
		}
		
	}
	else if (window["drawit"+themenuname])
	{
		if(ns4)
		{
			left=leftboundary;
			background=292;
		}
		else
		{
			left=leftboundary+"px";
			background=292+"px";
		}
		clearInterval(window["drawit"+themenuname]);
	}
	
	//i++;
	//txarea += i+"- draw left:"+left+" bg:"+background+"\n";
	//document.getElementById("test").innerHTML = txarea;
	window[themenuname].left = left;
	window[themenuname].backgroundPosition = background;
}

function changess()
{
	var teaser = document.getElementById("teaser");
	teaser.innerHTML = '<img src="tl_files/kyberg/images/startseite_teaserbild.png" width="918" height="347" alt="Fortschritt durch Ernährungsmedizin"/>';
}

function check_item(obj, histv, laktv)
{
	histamincont = document.getElementById("histamin");
	//alert("ok1");
	laktosecont = document.getElementById("laktose");
	//alert("ok2");
	
	var IE='\v'=='v';
	
	auswertcont = document.getElementById("auswertlink");
	
	
	var multi = 64;

	//click on Element - find out whether it has to be removed or added
	if(obj.lastChild.className == 'testpname') //add
	{
		obj.lastChild.className = 'testhname';
		histaminval = histaminval - (histv * multi);
		laktoseval = laktoseval - (laktv * multi);
	}
	else //remove
	{
		obj.lastChild.className = 'testpname';
		histaminval = histaminval + (histv * multi);
		laktoseval = laktoseval + (laktv * multi);
	}
	
	auswertcont.href = "http://xchange.waterdrops-gmbh.com/kyberg/intoleranzauswertung.html?lak="+laktoseval+"&amp;his="+histaminval;
	
	
	if(histaminval >= 0)
	{
		if(histaminval > 337)
		{
			histamincont.style.backgroundPosition = "0px 337px";
		}
		else
		{
			histamincont.style.backgroundPosition = "0px "+histaminval+"px";
		}
	}
	else
	{
		histamincont.style.backgroundPosition = "0px 0px";
	}
	
	if(laktoseval >= 0)
	{
		if(laktoseval > 337)
		{
			laktosecont.style.backgroundPosition = "0px 337px";
		}
		else
		{
			laktosecont.style.backgroundPosition = "0px "+laktoseval+"px";
		}
	}
	else
	{
		laktosecont.style.backgroundPosition = "0px 0px";
	}
		
	
}

function activate_cat(activecat, catid)
{
	//alert(activecat.id);
	var produktname = document.getElementById("produktname");
	var liste = document.getElementById("liste");
	var wert = document.getElementById("pwert");

	var bt1 = document.getElementById("catbutton1");
	var bt2 = document.getElementById("catbutton2");
	var bt3 = document.getElementById("catbutton3");
	var bt4 = document.getElementById("catbutton4");
	var bt5 = document.getElementById("catbutton5");
	var bt6 = document.getElementById("catbutton6");
	var bt7 = document.getElementById("catbutton7");
	var bt8 = document.getElementById("catbutton8");
	
	var neueliste = document.getElementById("catlist"+catid);
	
	if(neueliste == null)
	{
		neueliste.innerHTML = '';
	}
	
	if(activecat.className == 'light')
	{
		//wurde bereits angeklickt! nichts machen!
		activecat.className = '';
		produktname.innerHTML = 'Kategorie wählen';
		liste.innerHTML = '';
		wert.innerHTML = '';
	}
	else
	{
		//keiner beleuchtet!
		bt1.className = '';
		bt2.className = '';
		bt3.className = '';
		bt4.className = '';
		bt5.className = '';
		bt6.className = '';
		bt7.className = '';
		bt8.className = '';
		
		//angeklickten beleuchten!
		activecat.className = 'light';
		
		produktname.innerHTML = 'Produkt wählen';
		//liste laden etc...
		
		liste.innerHTML = neueliste.innerHTML;
		
		wert.innerHTML = '';
	}
}

function activate_prod(prodname, prodid, cid)
{
	var produktname = document.getElementById("produktname");
	var wert = document.getElementById("pwert");
	
	if(wasclicked == "")
	{
		wasclicked = cid;
	}
	else
	{
		document.getElementById(wasclicked).className = '';
		wasclicked = cid;
	}
	
	//geklicktes Element ausgrauen
	var curel = document.getElementById(wasclicked);
	curel.className = 'clicked';
	
	var wertneu = document.getElementById(prodid);
	//alert(curel.className+" "+wasclicked);
	
	//wert laden
	produktname.innerHTML = prodname;
	wert.innerHTML = wertneu.innerHTML;
	
	//safari braucht diese Information nochmal!
	//wert.innerHTML = document.getElementById(prodid).innerHTML;
}

function nolaktose(activecat, catid)
{
	//alert(activecat.id);
	var produktname = document.getElementById("produktname");
	var liste = document.getElementById("liste");
	var wert = document.getElementById("pwert");

	var bt1 = document.getElementById("catbutton1");
	var bt2 = document.getElementById("catbutton2");
	var bt3 = document.getElementById("catbutton3");
	var bt4 = document.getElementById("catbutton4");
	var bt5 = document.getElementById("catbutton5");
	var bt6 = document.getElementById("catbutton6");
	var bt7 = document.getElementById("catbutton7");
	var bt8 = document.getElementById("catbutton8");
	
	
	if(activecat.className == 'light')
	{
		//wurde bereits angeklickt! nichts machen!
		activecat.className = '';
		produktname.innerHTML = 'Kategorie wählen';
		liste.innerHTML = '';
		wert.innerHTML = '';
	}
	else
	{
		//keiner beleuchtet!
		bt1.className = '';
		bt2.className = '';
		bt3.className = '';
		bt4.className = '';
		bt5.className = '';
		bt6.className = '';
		bt7.className = '';
		bt8.className = '';
		
		//angeklickten beleuchten!
		activecat.className = 'light';
		
		produktname.innerHTML = 'Laktosefrei!';
		//liste laden etc...
		
		liste.innerHTML = '<div style="margin-left:5px;margin-top:45px;">Produkte in dieser Kategorie sind nicht laktosehaltig!</div>';
		
		wert.innerHTML = '';
	}
}