jQuery(document).ready(function(){
	
			$('#silderBooking').css({left: -482 });
					
			
			$('#silderBookingClick').click(function(event){		
				event.preventDefault();
								
				var move_to = 0;			
				if(parseInt($('#silderBooking').css('left')) == 0){
					var move_to = -482;					
				}										
				$('#silderBooking').animate(
								{left: move_to }, 
								1500,
								'easeOutQuad');
																	
			});		
		
		
			$('#silderFolders').css({left: -482 });
						
			$('#silderFoldersClick').click(function(event){		
				event.preventDefault();				
				var move_to = 0;			
				if(parseInt($('#silderFolders').css('left')) == 0){
					var move_to = -482;					
				}										
				$('#silderFolders').animate(
								{left: move_to}, 
								1500,
								'easeOutQuad');
								
				});	
				
				
			$('#silderNews').css({left: -482 });
						
			$('#silderNewsClick').click(function(event){		
				event.preventDefault();				
				var move_to = 0;			
				if(parseInt($('#silderNews').css('left')) == 0){
					var move_to = -482;					
				}										
				$('#silderNews').animate(
								{left: move_to}, 
								1500,
								'easeOutQuad');
								
				});	
				
				
			/* -------------------------------------------------------------------------------- */	
			/* Offer Scrits */
			
			//setzt die Elemente für die Animation
			
			function setOffersActive(){
				$('#mainOfferScrollHolder').css({height:'310px', overflow:'hidden'});
				$('#mainOfferbottom').css({display:'block'});				
			
				//erzeugt den HMTL Code mit den Buttons
				var htmlstring = "";
				
				htmlstring += '<ul>' + "\n";
            	htmlstring += '<li><a href="#" id="mainOfferbottomPrev"></a></li>' + "\n";
                    		//alle buttons
							            					
				for(var i = 0; i <  $('.OfferHolder').length; i++){							
					htmlstring += '<li><a id="OfferButton_' + i + '" href="#" class="mainOfferbottomButton"></a></li>' + "\n";				
				}	
			
				htmlstring +=  '<li><a href="#" id="mainOfferbottomNext"></a></li>' + "\n";
            	htmlstring +=  '</ul>' + "\n";  
			
				$('#mainOfferbottom').html(htmlstring);
			
			//issichtbar = 0, 1, 2, 3
			// immer 4 sichtbar
			}
			setOffersActive();
			
			//Array für die aktiven Elemente
			var isActive = new Array(0, 1, 2, 3); 
			
			
			//funktion für das aktiv-schalten der Elemeten						
			function setOffersButtonsActive(setto){
				
				//set alle Elemten auf off - entfernt die Klasse active
				$('.mainOfferbottomButton').removeClass('active');
				
				//addiert die werte im Array für die aktiven Elemente
				for(var i = 0; i < 4; i++){
					isActive[i] = isActive[i] + setto;		
				}
				
				//setzt die Elemten aus dem Array auf aktiv.
				for(var i = 0; i < 4; i++){
					$('#OfferButton_' + isActive[i]).addClass('active');
				
				}
								
					
			}
						
			//ruft die funktion auf um die ersten Elemente auf on zu setzen				
			setOffersButtonsActive(0);
			
			//variable für die Bewegung
			var isMove = false;
			
			//klickfunktion für den Button zurück
			$('#mainOfferbottomPrev').click(function(event){
				event.preventDefault();	
				
				//bedingung für das Scrollen und ob gerade bewegt wird
				if((parseInt($('#mainOfferScroll').css('left')) < 0) && !isMove){
					//werte ausgerechnet
					var move = $('.OfferHolder').width();
					var pos = parseInt($('#mainOfferScroll').css('left'));
					var move_to = pos + move;
					
					//ist in bewegung
					isMove = true;
					//animiert | left | zeit | funktion für die bewegung | function die die bewegung auf false setzt
					$('#mainOfferScroll').animate(
								{left: move_to}, 
								800,
								'easeOutQuad',
								 function() {
								    // Animation complete.									
									isMove = false;
									setOffersButtonsActive(-1);
  								});	
					}
			});
			
			//klickfunktion für den Button vor
			$('#mainOfferbottomNext').click(function(event){
				event.preventDefault();	
				
								
					//bedingung für das Scrollen und ob gerade bewegt wird
				if((parseInt($('#mainOfferScroll').css('left')) > (($('#mainOfferScroll').width() - ($('.OfferHolder').width()*4)) * -1)) && !isMove){
					//werte ausgerechnet
					var move = $('.OfferHolder').width() * -1;
					var pos = parseInt($('#mainOfferScroll').css('left'));
					var move_to = pos + move;
					
					//ist in bewegung
					isMove = true;
					
					//animiert | left | zeit | funktion für die bewegung | function die die bewegung auf false setzt
					$('#mainOfferScroll').animate(
								{left: move_to}, 
								800,
								'easeOutQuad',
								 function() {
								    // Animation complete.
									isMove = false;
									setOffersButtonsActive(1);
  								});					
					
				}				
				
			});
			
			
			/* function für den klick auf ein Punkt-Element*/
			$('.mainOfferbottomButton').click(function(event){
				
				event.preventDefault();	
				
				//die ID aus dem geklickten (this) element auslesen | aus dem attribut id mit replace wir der reststring ersetzt, dass nur die Zahl übrigbleibt
				var idNr = $(this).attr('id').replace('OfferButton_', '');
				
				
				//positionen der Div Elemente
				var scrollto = parseInt($('.OfferHolder').get(idNr).offsetLeft);
				var isLeft = parseInt($('#mainOfferScroll').css('left'));
				
				//wohin wird gescrollt
				var move_to = $('.OfferHolder').get(idNr).offsetLeft * -1;
				
				//wohin darf max gescrollt werden?
				var max_move_to = ($('#mainOfferScroll').width() - ($('.OfferHolder').width()*4)) * -1;
				
				//bedinung falls zu viel gescrollt werden soll
				if(move_to < max_move_to){
					//werte auf max setzen
					move_to = max_move_to;
					scrollto = max_move_to;
				}
								
				//berechnung der diverenz für die Punktelemten
				var diff =   (Math.abs(scrollto) - Math.abs(isLeft)) / 245;		
			
																
				//wenn nicht in bewegung
				if(!isMove){					
					//ist in bewegung
					isMove = true;
					$('#mainOfferScroll').animate(
								{left: move_to}, 
								800,
								'easeOutQuad',
								 function() {
								    // Animation complete.
									isMove = false;
									setOffersButtonsActive(diff);
  								});		
				}
				
			});
			/* ENDE Offer Scrits */			
			/* -------------------------------------------------------------------------------- */	
			
			
			
			/* Offer Scrits auto animation */		
				
			
			
			var setOfferAutoAnimation = "Next";
			
			offerAutoAnimation = function(){
					
				if(setOfferAutoAnimation == "Next"){
					$('#mainOfferbottomNext').click();
				}
				if(setOfferAutoAnimation == "Prev"){
					$('#mainOfferbottomPrev').click();
				}
				
				if(parseInt($('#mainOfferScroll').css('left')) == (($('#mainOfferScroll').width() - ($('.OfferHolder').width()*4)) * -1)){
					setOfferAutoAnimation = "Prev";
				}
				if(parseInt($('#mainOfferScroll').css('left')) == 0){
					setOfferAutoAnimation = "Next";
				}
			}	
			
		
			
			
			
			//set heights 
			setAutoHeightForImageContent = function(){
			
				
				
					var top_height = $('#mainContentHolder').height();
					if(!($.browser.msie && parseInt($.browser.version, 10) < 7)){
						$('#mainContentBottomShadow').css({display:'block', top:(top_height - $('#mainContentBottomShadow').height())});						
					}else{
						$('#mainContentHolderWrapper').css({height:top_height});
						
						
					}
					$('#mainImage').css({height:top_height});
					$('#mainImageHolder').css({height:top_height});
				
				if(!$('#mainContentHolder').hasClass('offer')){
					var top_imageHolder = Math.ceil(($('#mainImageHolderIMG').height() - top_height)/2) *-1;
					if(top_imageHolder > 0){
						top_imageHolder = 0;
					}
					$('#mainImageHolderIMG').css({top:top_imageHolder + 'px'});	
				}
			}
			
			if($('#mainContentHolder').length){ 
				setAutoHeightForImageContent();
			}
			//set navi center
			if($('#mainSubNavi ul li').css('display') == 'inline'){
				$('#mainSubNavi  ul').css({float:'left'});
				
				var i = Math.ceil(($('#mainSubNavi').width() - $('#mainSubNavi  ul').width())/2);
				$('#mainSubNavi  ul').css({paddingLeft:i});	
			}
			
			//set Offernavi center
			if($('#mainOfferbottom  ul li').css('display') == 'inline'){
				
				var w = 20;
				$('#mainOfferbottom  ul li').each(function(i) {
                   w += $(this).width();
                });
				
				$('#mainOfferbottom  ul').css({float:'left', width:w});
				
				var i = Math.ceil(($('#mainOfferbottom').width() - $('#mainOfferbottom  ul').width())/2);
				$('#mainOfferbottom  ul').css({paddingLeft:i});	
			}
			
			
		/* slideShow for image*/
	 	slideSwitch = function() {
   			var $active = $('#mainImageHolderIMG img.active');

    		if ( $active.length == 0 ) $active = $('#mainImageHolderIMG img:last');

	    	var $next =  $active.next().length ? $active.next() : $('#mainImageHolderIMG img:first');

	    	$active.addClass('last-active');
	
    			$next.css({opacity: 0.0})
        		.addClass('active')
	        	.animate({opacity: 1.0}, 2000, function() {
    	       	 $active.removeClass('active last-active');
        	});
		}	
			
			
			if(($.browser.msie && parseInt($.browser.version, 10) < 7)){
				$('#formContentHolder').css({overflow: 'auto' });						
			}else{
		
		    	$("#form-accordion").accordion({ event: 'click',																																				
   								header: '.head', 
							    navigation: true,
								animated: false,  
								autoHeight: true																									
							 });	
			}
							 
			
							
			$('#formContentHolder').css({right: -410 });
			if($('#form_error').val() == 'true'){
				$('#formContentHolder').css({right: 0 });
			}	
			if($('#formContentHolder').hasClass('openSend')){
				
				$('#formContentHolder').css({right: 0 });
			}
			
			
			setHeightForOpenForm = function(){
				if($('#mainContent').height() < ($('#form-accordion').height()-70)){
					$('#mainContent').height(($('#form-accordion').height()-70));
					setAutoHeightForImageContent();
				};
						
			};
			
			formOpenAnimation = function(){
							
				//check for the content - height
				setHeightForOpenForm();
				
				if($('#mainContent').height() < ($('#form-accordion').height()-70)){
					$('#mainContent').height(($('#form-accordion').height()-70));
					setAutoHeightForImageContent();
				};
								
				var move_to = 0;			
				if(parseInt($('#formContentHolder').css('right')) == 0){
					var move_to = -410;					
				}										
				$('#formContentHolder').animate(
								{right: move_to }, 
								1000,
								'easeOutQuad');
																	
			};	
			
			if(parseInt($('#formContentHolder').css('right')) == 0){
				setHeightForOpenForm();
			}
			$('.form-btn-reservieren').click(function(event){		
				event.preventDefault();
				formOpenAnimation();
			});
			$('.form-btn-anfrage').click(function(event){		
				event.preventDefault();
				formOpenAnimation();
			});
			
			
		
			$("#form-btn-weiter_step1").click(function(event){
				event.preventDefault();	
				$("#form_acc_header_step2").click();
			});
			
			$("#form-btn-weiter_step2").click(function(event){
				event.preventDefault();	
				$("#form_acc_header_step3").click();
			});
			
			$("#form-btn-zurueck_step1").click(function(event){
				event.preventDefault();	
				formOpenAnimation();
			});
			
			$("#form-btn-zurueck_step2").click(function(event){
				event.preventDefault();	
				$("#form_acc_header_step1").click();
			});
			
			$("#form-btn-zurueck_step3").click(function(event){
				event.preventDefault();	
				$("#form_acc_header_step2").click();
			});
		
		if($('#mainImageHolderIMG img').length > 1){
	   	 	setInterval("slideSwitch()", 6000 );
		}
		if($('#mainOfferHolder').length){
			setInterval("offerAutoAnimation()", 6000);	
		}	
		
			
				
			/* -------------------------------------------------------------------------------- */	
			/* FORM Scrits */	
			
			//var time_placeholder = "dd.mm.yyyy";
			
			/*if($('#form_anreise').length >= 1){
				$('#form_anreise').focus(function() {
  					var input = $(this);
  					if (input.val() == time_placeholder) {
    					input.val('');
						input.removeClass('placeholder');
  					}
				}).blur(function() {
 					var input = $(this);
 					if (input.val() == '' || input.val() == time_placeholder) {
				    	input.val(time_placeholder);
						input.addClass('placeholder');
 				 	}
				}).blur();
			}
			
			if($('#form_abreise').length >= 1){
				$('#form_abreise').focus(function() {
  					var input = $(this);
  					if (input.val() == time_placeholder) {
    					input.val('');
						input.removeClass('placeholder');
  					}
				}).blur(function() {
 					var input = $(this);
 					if (input.val() == '' || input.val() == time_placeholder) {
				    	input.val(time_placeholder);
						input.addClass('placeholder');
 				 	}
				}).blur();
			}*/
			
			
			
			checkDateInForm = function(){
				
				d1 = $('#form_anreise').val();
				d2 = $('#form_abreise').val();
				
				if(d1.length == 10 && d2.length == 10){
					 var second=1000, minute=second*60, hour=minute*60, day=hour*24, week=day*7;
				
					date1 = new Date(d1.split(".")[2], d1.split(".")[1], d1.split(".")[0]);	
					date2 = new Date(d2.split(".")[2], d2.split(".")[1], d2.split(".")[0]);	
					var timediff = date2 - date1;					
					if (isNaN(timediff)) return NaN;
					var out = "";
					switch ("days") {
        				case "years": 	out =  date2.getFullYear() - date1.getFullYear();
							break;
        				case "months": 	out = (
            								( date2.getFullYear() * 12 + date2.getMonth() )
            								-
            								( date1.getFullYear() * 12 + date1.getMonth() )
        									);
							break;
       					case "weeks":	out = Math.floor(timediff / week);
							break;
        				case "days"   : out = Math.floor(timediff / day); 
							break;
        				case "hours"  : out = Math.floor(timediff / hour); 
							break;
       					case "minutes": out = Math.floor(timediff / minute);
							break;
        				case "seconds": out = Math.floor(timediff / second);
							break;
        				default: 		out = undefined;
   					}
					
					if(!isNaN(out)){				
						if($('#form_dauer').length >= 1){						
							$('#form_dauer').val(out);	
						}else{
							$('#form_uebernachtungen').val(out);	
						}
					}								
				}	
			}
			
					
							var dates = $( "#form_anreise, #form_abreise" ).datepicker({
			
																defaultDate: "+1w",
																changeMonth: true,
																numberOfMonths: 1,
																dateFormat: 'dd.mm.yy',
																regional: 'de',
																onSelect: function( selectedDate ) {
																	var option = this.id == "form_anreise" ? "minDate" : "maxDate",
																	instance = $( this ).data( "datepicker" ),
																	date = $.datepicker.parseDate(
																	instance.settings.dateFormat ||
																	$.datepicker._defaults.dateFormat,
																	selectedDate, instance.settings );
																		dates.not( this ).datepicker( "option", option, date );
																},
																onClose: function(){checkDateInForm();}
							});
							
							$( "#form_datum" ).datepicker({
														changeMonth: true,
														numberOfMonths: 1,
														dateFormat: 'dd.mm.yy',
														regional: 'de'
							});
							
				
	
			/* FORM Scrits */		
			/* -------------------------------------------------------------------------------- */
			
	});
							
														
			
	
	
	function _log(value){	
		if (window.console != undefined) {
			console.log(value);	
		}else{
			alert(value);	
		}
		
	};