var visiblePreviewImgsHeight = 480;
var scrollOffsetMargin = 8;

$(document).ready(function(){
	//Anpassen der Seitenhöhe an den viewport
	if ( $(window).height() > 651 ) {
		$('.page').css('height',$(window).height());
		var scrollOffsetMargin = 0;
	}
	
	
	// vertikales Scollen für alle lokal-verweisenden Links
	$(function(){
	    $('a[href*=#]').click(function() {	    
		    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {		        
	            var $target = $(this.hash);		            
	            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');		            
	            if ($target.length) {		            
	                var targetOffset = $target.offset().top;		                
	                $('html,body').animate({scrollTop: targetOffset - 0}, 1000);		                    
	                return false;		                
	            }	            
	        }	        
	    });    
	});
	
	// initialisieren des Kategorien Scrollers
	$(function() {
		// der Kontainer für den Navigator
		$("#cat-pagelets-container").scrollable({ 
			items: ".cat-pagelets",
		}).navigator({				
			// der Navigator
			navi: "#cat-pagelets-navigator",				
			// Element innerhalb des Navigator als Direktlink auf die Kategorien
			naviItem: 'a',				
			// Klasse .current für aktives Element zuweisen
			activeClass: 'current',						
		});				
	});  
	
	// initialisieren der Gallerie
	$("ul.preview-imgs").tabs(".img-holder", {
		effect: "fade"
	});
	
	// bei Klick auf ein Bild gehe zum folgenden
	//var api = $("ul.preview-imgs").data("tabs");

	//$(".img-holder > img").click(function() {
	//	api.next();
	//});
	
	// input-Felder bei focus leeren
	$("input, textarea").focus(function(){
		$(this).val("");
	}
	);
	
	//initialisieren des Kontext-Menüs
	$('.dotted-arrow').mouseenter(function(){
		$(this).next().show();
		$(this).css('background-position', '-28px 0');
	}); 
	$('.contextNav').mouseleave(function(){
		$(this).prev().css('background-position', '0 0');
		$(this).hide();
	}); 
	
	//Vorschaubilder-Scroller initialisieren
	
	for (i=0;i<=$('.preview-imgs').size()-1;i++)
	{
		if ( $('.preview-imgs').eq(i).height() > visiblePreviewImgsHeight ) {
			//img-Container margin nach oben anpassen
			$('.preview-imgs').eq(i).parent().find('.img').css('margin-top','-14px');
			
			//Scroll-Button einblenden
			$('.preview-imgs').eq(i).next().show();			

			//hover-Event an Scroller binden			
			$('.preview-imgs').eq(i).next().find('.preview-imgs_more-arrows').hover(function(){
				$(this).css('background-position-y','-14px');
			}, function (){
				$(this).css('background-position-y','0');
			});
			
			//Scroll-toggle an die Scroll-Button binden
			$('.preview-imgs').eq(i).next().find('.preview-imgs_more-arrows').toggle(function() {
  				//first handler
  					$(this).parent().prev().animate({
    					marginTop: '-=480'
  					}, 500);  				
  					$(this).css('background-position','-22px 0');    							  			
			}, function() {
 				//second handler 		
  					$(this).parent().prev().animate({
    					marginTop: '+=480'
	  				}, 500);  				
  					$(this).css('background-position','0 0');  					
			});			
		}
	}
	
	//Kontakt-Formular Validierung
	$('#contact-form').submit(function(){
		if($('#frm_sender').val() == '' || $('#frm_e-Mail').val() == '' || $('#frm_textarea').val() == '' || $('#frm_sender').val() == 'Ihr Name' || $('#frm_e-Mail').val() == 'Ihre E-Mail Adresse' || $('#frm_textarea').val() == 'Ihre Nachricht' || $('#frm_e-Mail').val().indexOf("@") == -1)  {
			alert('Hups! Da stimmt was nicht. Bitte prüfen Sie, ob Sie einen Namen, eine gültige E-Mail Adresse und eine Nachricht eingegeben haben!');
			return false;
		}
		else {
			return true;
		}
	});

});