$(document).ready(function () {
		  // find the elements to be eased and hook the hover event
		  $('#jimgMenu1 ul li a').hover(function() {  
		    // if the element is currently being animated
		    if ($(this).is(':animated')) {
		      $(this).addClass("active").stop().animate({width: "150px"}, {duration: 450, easing: "easeOutQuad", complete: "callback"});
		    } else {
		      // ease in quickly
		      $(this).addClass("active").stop().animate({width: "150px"}, {duration: 400, easing: "easeOutQuad", complete: "callback"});
		    }
		  }, function () {
		    // on hovering out, ease the element out
		    if ($(this).is(':animated')) {
		      $(this).removeClass("active").stop().animate({width: "78px"}, {duration: 400, easing: "easeInOutQuad", complete: "callback"})
		    } else {
		      // ease out slowly
		      $(this).removeClass("active").stop(':animated').animate({width: "78px"}, {duration: 450, easing: "easeInOutQuad", complete: "callback"});
		    }	
		  });
		  
		  // find the elements to be eased and hook the hover event
		  $('#jimgMenu2 ul li a').hover(function() {  
		    // if the element is currently being animated
		    if ($(this).is(':animated')) {
		      $(this).addClass("active").stop().animate({width: "350px"}, {duration: 450, easing: "easeOutQuad", complete: "callback"});
		    } else {
		      // ease in quickly
		      $(this).addClass("active").stop().animate({width: "350px"}, {duration: 400, easing: "easeOutQuad", complete: "callback"});
		    }
		    
		  }, function () {
		    // on hovering out, ease the element out
		    if ($(this).is(':animated')) {
		      $(this).removeClass("active").stop().animate({width: "78px"}, {duration: 400, easing: "easeInOutQuad", complete: "callback"})
		    } else {
		      // ease out slowly
		      $(this).removeClass("active").stop(':animated').animate({width: "78px"}, {duration: 450, easing: "easeInOutQuad", complete: "callback"});
		    }	
		  });
		
		  $("img.reflect").reflect({height:0.4, opacity:0.25});
		});
		
		//$(".container .TabMenu span").click(function(){
		$("#main2 .jimgMenu ul li").click(function(){
			//Remove the exist selector
			//$(".selector").removeClass("selector");
			//Add the selector class to the sender
			//$(this).addClass("selector");
			
			$(".selector").removeClass("selector");
			$(this).addClass("selector");


			//Find the width of a tab
			var TabWidth = $(".TabContent:first").width();
			if(parseInt($(".TabContent:first").css("margin-left")) > 0)
				TabWidth += parseInt($(".TabContent:first").css("margin-left"));
			if(parseInt($(".TabContent:first").css("margin-right")) >0)
				TabWidth += parseInt($(".TabContent:first").css("margin-right"));
			//But wait, how far we slide to? Let find out
			//var newLeft = -1* $("span").index(this) * TabWidth;
			var newLeft = -1* ($("li").index(this) +4) * TabWidth;
			//Ok, now slide
			$(".AllTabs").animate({
				left: + (newLeft+screen.availWidth*4) + "px"
			},1000);
			
		});
							
		var allElems = document.getElementsByTagName('*');
		for (var i = 0; i < allElems.length; i++) {
		var thisElem = allElems[i];
		if (thisElem.className && thisElem.className == 'TabContent') {
		thisElem.style.width = screen.availWidth-10;
		}}
		
		function content(div){
			if (div == "meinev") {
				//document.getElementById('main3').innerHTML = '<h2>MeineVorlesungen.de<br>';
				document.getElementById('main5').innerHTML =
				'MeineVorlesungen.de bietet Studenten aller Fachbereiche die Möglichkeit, ihre Vorlesungen, Übungen und Seminare online zu verwalten';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "dib") {
				//document.getElementById('main3').innerHTML = '<h2>Dib-Comics.de</h2>';
				document.getElementById('main5').innerHTML =
				'Dressed in Black ist ein Onlinecomic über meine Trierer WG, der 3 Mal die Woche erscheint. Gezeichnet wird der Comic von Jan Wingender';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "quaeros") {
				//document.getElementById('main3').innerHTML = '<h2>Quaeros.de</h2>';
				document.getElementById('main5').innerHTML =
				'Quaeros wird nicht mehr länger gepflegt und ist inzwischen lediglich als technische Demonstration anzusehen!<br />Quaeros.de ist eine deutsche (Meta-) Suchmaschine, die über eigene, sowohl auf maschineller als auch human-based aufsetzende, Rankingmethoden verfügt. Um möglichst treffende Suchergebnisse bieten zu können bezieht Quaeros das Nutzerverhalten ein und passt die Ergebnisse entsprechend an.';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "bomb") {
				//document.getElementById('main3').innerHTML = '<h2>Bombthe.net</h2>';
				document.getElementById('main5').innerHTML =
				'Bombthe.net ist ein Sicherheits-Stresstest Tool für Webseiten. Administratoren wird damit ermöglicht, erhöhtes Useraufkommen zu simulieren';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "lit") {
				//document.getElementById('main3').innerHTML = '<h2>Shop.Liturgie.de</h2>';
				document.getElementById('main5').innerHTML =
				'Ich arbeite bei Liturgie.de als PHP / Javascript Programmieren und pflege zB den Onlineshop';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "larp") {
				//document.getElementById('main3').innerHTML = '<h2>LarpCorner.de</h2>';
				document.getElementById('main5').innerHTML =
				'LarpCorner ist ein Larp (live action role play -> Rollenspiel) Portal, mit ua. einer einzigartigen Shop- und Artikelsuche';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "suess") {
				//document.getElementById('main3').innerHTML = '<h2>.de</h2>';
				document.getElementById('main5').innerHTML =
				'Internetauftritt der Arztpraxis Süß in Wittlich';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "hia") {
				//document.getElementById('main3').innerHTML = '<h2>hilfeimalter.info</h2>';
				document.getElementById('main5').innerHTML =
				'Suchmaschinenoptimierung (Seo) für den Internetauftritt von Hilfe im Alter (Seniorenbetreuung)';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "home") {
				//document.getElementById('main3').innerHTML = '<h2>hilfeimalter.info</h2>';
				document.getElementById('main5').innerHTML =
				'Dienstleistungen, speziell angepasst an Ihre Bedürfnisse';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "about") {
				//document.getElementById('main3').innerHTML = '<h2>hilfeimalter.info</h2>';
				document.getElementById('main5').innerHTML =
				'Über meine Person';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "portfolio") {
				//document.getElementById('main3').innerHTML = '<h2>hilfeimalter.info</h2>';
				document.getElementById('main5').innerHTML =
				'Bisherige Arbeiten:<br />Fahren Sie mit der Maus über ein Bild um weitere Informationen zu meiner Arbeit zu erhalten.';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}
			if (div == "contact") {
				//document.getElementById('main3').innerHTML = '<h2>hilfeimalter.info</h2>';
				document.getElementById('main5').innerHTML =
				'Nehmen Sie Kontakt mit mir auf';
				if (document.all) {document.getElementById('main3').style.height="0px";}
				}			
		}
		
		function contenth(div){
			document.getElementById('main1').innerHTML ='<h2>' + div + '</h2>';
		}		
				
		var dimension = 1, a = 0, b = 0, i = 27;
		var wwidth=window.innerWidth;
		if (wwidth == undefined) wwidth=document.body.offsetWidth;
		if (wwidth >= 1200) {while (i--) {if (i!=13) {document.write('<b id="l' + i + '">*</b>');} else {document.write('<b id="l' + i + '">+</b>');}}}
		
		function f()
		{
			i = 0;
			for (x = -dimension; x <= dimension; x += dimension)
				for (y = -dimension; y <= dimension; y += dimension)
					for (z = -dimension; z <= dimension; z += dimension)
					{
						u = x;
						v = y;
						w = z;
						u2 = u * Math.cos(a) - v * Math.sin(a);
						v2 = u * Math.sin(a) + v * Math.cos(a);
						w2 = w;
						u = u2; v = v2; w = w2;
						u2 = u;
						v2 = v * Math.cos(b) - w * Math.sin(b);
						w2 = v * Math.sin(b) + w * Math.cos(b);
						u = u2; v = v2; w = w2;
						var c = Math.round((w + 2) * 70);
						if (c < 0) c = 0;
						if (c > 255) c = 255;
						//document.getElementById('l' + i).innerHTML = u2;
						s = document.getElementById('l' + i).style;
						s.left = wwidth-250 + u * (w + 2) * 50;
						s.top  = 262 + v * (w + 2) * 50;
						s.color = 'rgb(' + c + ', ' + c + ', 0)';
						s.fontSize = (w + 2) * 8 + 'px';
						s.zIndex = Math.round((w + 2) * 10);
						i++;
					}
		}
		if (wwidth >= 1200) setInterval('f()', 17);