$(document).ready(function(){

	var y = 0;
	
	width = $(window).width();
	
	
	$("#main").css("float","right");
	$("#main").css("width",width-300);
	
	$("#intro ul li a").hover(
		function () {
			y = $("#intro ul li").index($(this).parent()) + 1;
			$("#lcd").css("background-position", "0px "+"-"+y*40+"px");
			$("#lcd").stop(true,true);
		}, 
		function () {
			//$("#lcd").css("background-position", "0px 0px");
			$("#lcd").stop(true,true);
		}
	);
	
	$("#intro ul").mouseleave(function () {
		$("#lcd").css("background-position", "0px 0px");
	});
	
	$("#kategorie li a").hover(
		function () {
			y = $("#kategorie li").index($(this).parent()) + 1;
			$("#lcd").css("background-position", "0px "+"-"+y*40+"px");
			$("#lcd").stop(true,true);
		}, 
		function () {
			//$("#lcd").css("background-position", "0px 0px");
			$("#lcd").stop(true,true);
		}
	);
	
	$("#kategorie ").mouseleave(function () {
		$("#lcd").css("background-position", "0px 0px");
	});
	
		$("#sub").css("min-height",($("#main").height()) + 50);
		
		var x = $(window).width();
		
		
		
		$('#nav').css('margin-left',((x - 505) /2)-50 +"px");
		
	$(window).resize (
		function(){
			width = $(window).width();
				$("#main").css("width",width-300);
		}
	)
});