up = new Image(); up.src = "/mixit.jpg";
	down = new Image(); down.src = "/mixit2.jpg";
	
	zu = new Image(); zu.src = "/zu.jpg";
	auf = new Image(); auf.src = "/auf.jpg";

	function onoff () {
 		if (document.getElementById("aufgeklappt").style.display == "inline"){
 			document.getElementById("aufgeklappt").style.display  = "none";
 			document.getElementById("aufklapplink").style.background  = "url(/zu.jpg) no-repeat";
 		}
 		else {
  			document.getElementById("aufgeklappt").style.display  = "inline";
  			document.getElementById("aufklapplink").style.background  = "url(/auf.jpg) no-repeat";
  		}
	}
	
	
    /**
	* inspired by http://www.dustindiaz.com/getelementsbyclass/
	* @param searchClass   the classes to be found 
	* @param tag           only look inside these tags (i.e "div")
	* @return    array of found DOM-objects
	*/
	function getElementsByClassName(searchClass,tag) {
		if(tag == null){tag = '*';}

		var classElements = new Array();
		var elements      = document.getElementsByTagName(tag);
		var elementsLen   = elements.length;
		var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
		var i,j;
		for(i = 0, j = 0; i < elementsLen; i++){
			if(pattern.test(elements[i].className)){
 				classElements[j] = elements[i];
				j++;
			}
		}
		return classElements;
	}
    
function mixit () {
	var i = parseInt((Math.random() * 100) % Schriften.length);	
	var j = parseInt((Math.random() * 100) % Farben.length);	
		
	var ablauf = new Date();
	var eineStunde = ablauf.getTime() + (60 * 60 * 1000);
	ablauf.setTime(eineStunde);
	
	var font = Schriften[i];
	var farbe = Farben[j];
	
/* Cookies beschreiben */	
 	document.cookie = "jjoostyle[font]=" + font[0] + "; path=/; expires=" + ablauf.toGMTString();
 	document.cookie = "jjoostyle[fontgroesse]=" + font[1] + "; path=/; expires=" + ablauf.toGMTString();
 	document.cookie = "jjoostyle[farbe]=" + farbe[0] + "; path=/; expires=" + ablauf.toGMTString();
 	
 /* Schrift ersetzen */	
 	document.getElementById('body').style.fontFamily = font[0];
 	
 /* Farbe der Ebenenverweise ersetzen */
 	for (var x=1;x<=Ebenenanzahl;x++){
 		var level = "l"+x;
 		var a = getElementsByClassName(level).length;
 			
 		var z=x-1;
 			
 		for (var y=0;y<a;y++){
			getElementsByClassName(level)[y].firstChild.style.color = "#"+ farbe[z];	
		}
	}
		
/* Farbe der In-Textblock-Verweise ersetzen */
	if (getElementsByClassName("texte")){
		var texteElemente = getElementsByClassName("texte").length;
				
		for (var r=0;r<texteElemente;r++){
			var AsintexteElement = getElementsByClassName("texte")[r].getElementsByTagName("a").length;	
			
			for (var s=0;s<AsintexteElement;s++){
				getElementsByClassName("texte")[r].getElementsByTagName("a")[s].style.color = "#"+ farbe[0];
			}
		}	
	}
		
/* Farbe der Formularschrift ersetzen */
	if (document.getElementsByTagName("form").length>0){
		var inputElemente = document.getElementsByTagName("form")[0].getElementsByTagName("input").length;
			
		for (var f=0;f<inputElemente;f++){
			document.getElementsByTagName("form")[0].getElementsByTagName("input")[f].style.color = "#"+ farbe[0];
		}	
		document.getElementsByTagName("form")[0].getElementsByTagName("textarea")[0].style.color = "#"+ farbe[0];
	}	
		
/* Farbe der Klasse "fontfarbe" ersetzen */
	if (getElementsByClassName("fontfarbe")){
		var Elemente = getElementsByClassName("fontfarbe").length;
			
		for (var c=0;c<Elemente;c++){
			getElementsByClassName("fontfarbe")[c].style.color = "#"+ farbe[0];
		}	
	}		
}