var $projectarray =
			[
			{"link":"img/karten/getraenkekarte0.jpg"},
			{"link":"img/karten/getraenkekarte1.jpg"},
			{"link":"img/karten/getraenkekarte2.jpg"},
			{"link":"img/karten/getraenkekarte3.jpg"}
			];
			
			var $count = 0;
			var $last_clicked = 0;
			function kartenflipper($karte){
				$count = $karte;
				$("#kartegross").css("background-image","url("+window.location.pathname+$projectarray[$karte]["link"]+")");
				$("#kartegross").fadeIn();
			}
				
			
			
			$(document).ready(
				function(){
						
					$(window).scroll(function(){
						$scrollamount = $(window).scrollLeft();
						if($scrollamount < 987) {
							$(".menuitem").removeClass("active");
						} else if($scrollamount >= 987 && $scrollamount < 987+982) {
							$(".menuitem").removeClass("active");
							$("#getraenkekartelink").addClass("active");
						} else if($scrollamount >= 987+982 && $scrollamount < 987+982+989) {
							$(".menuitem").removeClass("active");
							$("#oeffnungszeitenlink").addClass("active");
						} else if($scrollamount >= 987+982+989 && $scrollamount < 987+982+989+982) {
							$(".menuitem").removeClass("active");
							$("#galerielink").addClass("active");
						} else if($scrollamount >= 987+982+989+982 && $scrollamount < 987+982+989+982+980) {
							$(".menuitem").removeClass("active");
							$("#reservierung_kontaktlink").addClass("active");
						} 
						
						if($scrollamount == ($(document).width()-$(window).width()) && $last_clicked == 5) {
							$(".menuitem").removeClass("active");
							$("#lagelink").addClass("active");
						}
					});
					
					$("#kartegross").click(function(){
						$count = $count + 1;
						if ($count <= 3) {
						$("#kartegross").css("background-image","url("+$projectarray[$count]["link"]+")");
						} else {
						$("#kartegross").fadeOut();
						}
					});
				
					$("#homelink").click(function(){
						$.scrollTo('#home', {queue: true,duration: 1000, easing:'swing'});
						$last_clicked = 0;
						return(false);
					});
					
					$("#getraenkekartelink").click(function(){
						$.scrollTo('#getraenkekarte', {queue: true,duration: 1000, easing:'swing'});
						$last_clicked = 1;
						// return(false);
					});
					
					$("#oeffnungszeitenlink").click(function(){
						$.scrollTo('#oeffnungszeiten', {queue: true,duration: 1000, easing:'swing'});
						$last_clicked = 2;
						return(false);
					});
					
					$("#galerielink").click(function(){
						$.scrollTo('#galerie', {queue: true,duration: 1000, easing:'swing'});
						$last_clicked = 3;
						return(false);
					});
					
					$("#reservierung_kontaktlink").click(function(){
						$.scrollTo('#reservierung_kontakt', {queue: true,duration: 1000, easing:'swing'});
						$last_clicked = 4;
						return(false);
					});
					
					$("#lagelink").click(function(){
						$.scrollTo('#lage', {queue: true,duration: 1000, easing:'swing'});
						$last_clicked = 5;
						return(false);
					});
					
					$("ul.thumb li").hover(function() {
						$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
	$(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '0px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '-110px',
			top: '0px',
			left: '50%',
			width: '225px', /* Set new width */
			height: '225px', /* Set new height */
			padding: '0px'
		}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

	} , function() {
	
	$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	
	$(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '92px', /* Set width back to default */
			height: '92px', /* Set height back to default */
			padding: '0px'
		}, 200);
});
					
					menu_position();
					
					$(window).resize(function() {
  							menu_position();
					});
				}
			);
			
			
			function menu_position() {
				$height = $(window).height();
				if ($(window).height() < 650)
				{
					$("#wrapper").css("top","0px");
					$("#wrapper").css("margin-top","0px");
					// set top menu
					$("#navi").css("top",-($(window).height()/2));
					$("body").css("overflow-y","auto");
					// set bottom menu
					$("#impressum").css("top",$(window).height()/2-30);	
					$("#impressum").css("height","30px");
				} else {
					$("#wrapper").css("top","50%");
					$("#wrapper").css("margin-top","-328px");
					// reset 
					$("#navi").css("top","-319px");
					$("body").css("overflow-y","hidden");
					$("#impressum").css("top","294px");
					$("#impressum").css("height","21px");
				}
			}