<script type="text/javascript">
		$(function() {
			$("#accordion").accordion({
				header: "h2",
				alwaysOpen: false
			});
			init();
		});
		var groesze  = 9; // groesse der glieder in px
		var xx = 10;			// startposition des verfolgers style.left
		var yy = 10;			// startposition des verfolgers style.top
		var Mausverfolger;
		var buchstaben = ['&nbsp;','C','o','c','o','.','G','r','a','p','h','i','c','s','.','d','e'];
		var timer;
		var durchlauf;
		function init(){ // initialisierung den regenbogenwurms
			Mausverfolger = document.getElementById("Mausverfolger");
			Mausverfolger.style.top = yy + 'px';
			Mausverfolger.style.left = xx + 'px';
			var text = '';
			for(var i = 0; i < buchstaben.length; i++){ // fuer jede farbe ein wurmglied
			  text +="<div id='Mausverfolger"+i+"' style='float:left;margin-top:-"+groesze/2*i+"px;margin-left:-"+groesze/2*i+"px;color:#FFFFFF;width:"+groesze+"px;height:"+groesze+"px; z-index:2;'>"+buchstaben[i]+"</div>";
			}
			Mausverfolger.innerHTML = text; // alle glieder zum Mausverfolger hinzufuegen
			wurmeln(); // wurmeln lassen
		}

		// diese Funktion schreibt die Position des Ereignisses auf xx und yy
		// und da diese Funktion nur gerufen wird, wenn die Mausbewegung das Ereigniss ist
		// ist die Position des Ereignisses, die Position der Maus
		function bewegen(e) {
			if (e) { //ie machts anders als firefox opera und safari
				xx = e.pageX;
				yy = e.pageY;
			} else { // daher diese unterscheidung
				xx = window.event.x;
				yy = window.event.y
			}
			if(durchlauf == 0 && timer == 0){
				wurmeln();
			}
			if(yy >= 550 || yy <= 185){
				$(Mausverfolger).show();
			}else{
				$(Mausverfolger).hide();
			}
		}


		function wurmeln(){
			//Mausverfolger.style.left = Mausverfolger.style.left ? Mausverfolger.style.left : 10+'px';
			//Mausverfolger.style.top = Mausverfolger.style.top ? Mausverfolger.style.top : 10+'px';
			var abstandX = xx - parseInt(Mausverfolger.style.left); // der horizontale abstand zwischen Mausposition und dem Mausverfolger
			var abstandY = yy - parseInt(Mausverfolger.style.top);	 // der vertikale abstand zwischen Mausposition und dem Mausverfolger
			// Math.random() -> zufaelliger wert zwischen 0 und 1
			// Math.ceil() -> aufrunden zur ganzen zahl
			// Math.floor() -> abrunden zur ganzen zahl
			// parseInt() -> macht aus einem String eine Zahl, indem es alle angehaegten buchtaben abschneitet parseInt('23px') -> 23
			Mausverfolger.style.left = parseInt(Mausverfolger.style.left) + Math.ceil(Math.random() * abstandX) + 'px'; // dem Mausverfolger eine nähere Position zuweisen
			Mausverfolger.style.top = parseInt(Mausverfolger.style.top) + Math.floor(Math.random() * abstandY) + 'px';
			for(var i = 0; i < buchstaben.length; i++){ // alle glieder laufen lose hinterdrein, je groeszer der Abstand zwischen Maus und Mausverfolger, desto groeszer der Abstand zwischen den Gliedern
				myLeftD = parseInt(document.getElementById("Mausverfolger"+i).style.marginLeft) ;
				myTopD  = parseInt(document.getElementById("Mausverfolger"+i).style.marginTop);
				document.getElementById("Mausverfolger"+i).style.marginLeft = -groesze/2 * Math.floor(i * Math.random() * abstandX / (100/groesze)) + 'px';
				document.getElementById("Mausverfolger"+i).style.marginTop = -groesze/2 * Math.ceil(i * Math.random() * abstandY / (100/groesze)) + 'px';
			}
			if(durchlauf++ < 10){
				timer = setTimeout("wurmeln()",200); // gewurmelt wird immer
			}else{
				timer = 0;
				durchlauf = 0;
			}
		}
		document.onmousemove = bewegen; // hier wird gesagt, dass immer bei mausbewegung die funktion bewegen zustaendig ist
</script>