(function($){
	$(document).ready(function(){
	
	var imgt=0;
	var position = new Array();
	var pos=0;
	var texth = new Array();
	
	$('#slides .slide').each(function(i){
		position[i]= imgt;
		imgt += $(this).width();
		texth[i] = $(this).height();
	});
	
	$('#slides').width(imgt);

	
	/* menü daten ausrechnen */
	
	var tumbl=0;
	var tumbh=0;
	var tumbz=0;
	
	$('div.menu img').each(function(){
		tumbl += $(this).width();
		tumbh += $(this).height();
		tumbz +=1;
	});
	
	tumbh =(tumbh / tumbz) + 14;
	tumbl =(tumbl / tumbz) + 14;
	
	var spaltenz = Math.floor('660' / tumbl);
	var zeilenz = Math.ceil(tumbz / spaltenz);
	var menuh = zeilenz * (tumbh / tumbz);
	var menupos=0;
	var fensterz=1;
	var abstand= 650 - (spaltenz * tumbl);
	
	
	$('.menufenster').animate({height:[fensterz * tumbh]+'px'},450);
	$('.menu').animate({marginLeft:[abstand / 2]+'px'},450);
	$('#gallery').animate({height: texth[0]+'px'},450);
	
	var detail= 512;
	var detaili=0;
	$('.detailbild img').each(function(){
		detaili= $(this).width();
		if (detail < detaili) {
			detail = detaili;
		};
	});
	detaili = '650' - detail ;
	$('.detailbild, .inhalt').animate({marginLeft:[detaili / 2]+'px', width:[detail]+'px'},450);
	
	/* menüfenster funktionen */

	$('.untenz').click(function(){
		if (menupos + fensterz < zeilenz) {
			if (fensterz + fensterz + menupos - 1 < zeilenz) {
				menupos += fensterz;
			}else{
				menupos +=1;
			};
			$('.menu').animate({marginTop:-[menupos * tumbh]+'px'},450);
		};
	});
	
	$('.hochz').click(function(){
		if (menupos > 0) {
			if (menupos - fensterz + 1 > 0) {
				menupos -= fensterz;
			}else{
				menupos -=1;
			};
			$('.menu').animate({marginTop:-[menupos * tumbh]+'px'},450);
		};
	});
	
	$('.allez').click(function(){
		if (fensterz == 1) {
			menupos = 0;
			fensterz=zeilenz;
			$(this).text("minimieren");
			$(".menufenster a").attr('href', "#navunten");
		}else{
			menupos = Math.floor(pos / spaltenz);
			fensterz=1;
			$(this).text("Übersicht");
			$(".menufenster a").attr('href', "#navoben");
		};
		$('.menu').animate({marginTop:-[menupos * tumbh]+'px'},450);
		$('.menufenster').animate({height:[fensterz * tumbh]+'px'},450);
		
	});
	
	$('.bildw').click(function(){
		if (pos + 1 < tumbz) {
			pos +=1;
			if (fensterz == 1) {
				menupos = Math.floor(pos / spaltenz);
				$('.menu').animate({marginTop:-[menupos * tumbh]+'px'},450);
			};
			$(".aktiv").addClass("gesehen").removeClass("aktiv").next().addClass("aktiv");
			$('#gallery').animate({height: texth[pos]+'px'},450);
			$('#slides').animate({marginLeft:-position[pos]+'px'},450);
		};
	});
	
	$('.bildz').click(function(){
		if (pos > 0) {
			pos -=1;
			if (fensterz == 1) {
				menupos = Math.floor(pos / spaltenz);
				$('.menu').animate({marginTop:-[menupos * tumbh]+'px'},450);
			};
			$('#slides').animate({marginLeft:-position[pos]+'px'},450);
			$(".aktiv").addClass("gesehen").removeClass("aktiv").prev().addClass("aktiv");
			$('#gallery').animate({height: texth[pos]+'px'},450);
		};
	});
	
	$("#navunten span").mouseover(function(){
     	$(this).css({'color' : 'white'});}).mouseout(function(){
      	$(this).css({'color' : 'black'});
    });
    
    
   $(document).keyup(function (event) {

	    // handle cursor keys
	    if (event.keyCode == 37) {
	      // slide left
		      if (pos > 0) {
				pos -=1;
				if (fensterz == 1) {
					menupos = Math.floor(pos / spaltenz);
					$('.menu').animate({marginTop:-[menupos * tumbh]+'px'},450);
				};
				$('#slides').animate({marginLeft:-position[pos]+'px'},450);
				$(".aktiv").addClass("gesehen").removeClass("aktiv").prev().addClass("aktiv");
				$('#gallery').animate({height: texth[pos]+'px'},450);
			};

	    } else if (event.keyCode == 39) {
		     if (pos + 1 < tumbz) {
				pos +=1;
				if (fensterz == 1) {
					menupos = Math.floor(pos / spaltenz);
					$('.menu').animate({marginTop:-[menupos * tumbh]+'px'},450);
				};
				$(".aktiv").addClass("gesehen").removeClass("aktiv").next().addClass("aktiv");
				$('#gallery').animate({height: texth[pos]+'px'},450);
				$('#slides').animate({marginLeft:-position[pos]+'px'},450);
			};
	    }; 

	  });


	if ( $("a.more-link").length > 0 ) {
		
		$(".abschneiden").remove();

		var artikel = new Array();
		
		$('h2 a').each(function(i){
			artikel[i]= $(this).attr("href");
		});
		
		$(".menufenster a").mouseover(function () {
			var artpos = $(this).parent().parent().parent().prevAll().length;
		   $(this).attr('href', artikel[artpos]);
	    });

	}else{
		
		/* nur auf detailseite */
		
     	if (zeilenz > 1) {
			$(".aus").addClass('jnav').removeClass("aus").css('cursor', 'pointer');
		};
		
		$("div.menu img:first").addClass("aktiv");
		$("#slides a,.#navunten a,.menufenster a").attr('href', "#navoben");
		$("#navoben").remove();
		$("div.menufenster").attr('id', "navoben");
		
		$('div.menu img').click(function(e){
			pos = $(this).prevAll('div.menu img').length;
			$(".aktiv").addClass("gesehen").removeClass("aktiv");
			$(this).addClass("aktiv").removeClass("gesehen");
			$("#comment").text("Kommentar zu " + this.alt + ":\r\n\r\n");
			e.preventDefault();
		});
		
	
		$('a[href*=#]').bind("click", function(event) {
			event.preventDefault();
			var ziel = $(this).attr("href");
	           if ($.browser.opera) {
	              var target = 'html';
	           }else{
	              var target = 'html,body';
	           }
			$(target).animate({
				scrollTop: $(ziel).offset().top
			}, 400 , function (){location.hash = ziel;});
			$('#slides').animate({marginLeft:-position[pos]+'px'},450);
			$('#gallery').animate({height: texth[pos]+'px'},450);
		});
	
	}; /* else */

});
})(jQuery);