$(function() {

	$('#nav li:first').addClass('first');
	
 	if($('body.start').length) { 
		$('a.colorbox').colorbox({ 
			iframe: true, 
			innerWidth: '95%', 
			innerHeight: '89%',
			close: 'schließen',
			opacity: 0.6
		});
	};

	$('a.rundumsicht').colorbox({ 
		iframe: true, 
		innerWidth: '95%', 
		innerHeight: '89%',
		close: 'schließen',
		opacity: 0.6
	});

	// Layer
	$('.box1 a.mehr').click(function() { 
		var ziel = $(this).attr('href');
		$('<div id="layerbg"></div>').appendTo('body').css({ opacity: 0.7 });
		$('<div id="layer"></div>').appendTo('body');
		$.get(ziel, function(html) { 
			$('#layer').html(html);
			$('<a class="layerclose" title="" href="#">close</a>')
				.appendTo('#layer')
				.click(function() { 
					$('#layer, #layerbg').remove();
					return false;
				});
			$('#hotelselect li a').hover(function() { 
				rel = $(this).attr('rel');
				$('.kartenauswahl li.'+rel).addClass('aktiv');
			}, function() { 
				$('.kartenauswahl li.'+rel).removeClass('aktiv');
			});
			$('.kartenauswahl li').hover(function() { 
				$(this).addClass('aktiv');
			}, function() { 
				$(this).removeClass('aktiv');
			});
		});
		return false;
	});
	
	$('.kartenauswahl_klein li').hover(function() { 
		$(this).addClass('aktiv');
	}, function() { 
		$(this).removeClass('aktiv');
	});

	// Hotel Reservierung
	$('form[id^="anfrage"]').submit(function() { 
		if($(this).find('select[name="hcode"]').val() == '0000') { 
			// Falls "Alle Hotels" -> Action ändern
			$('input:hidden[name="action"]').val('agentpage');
		} else { 
			$('input:hidden[name="action"]').val('travelperiod');
		};		
		popup('', 'Buchung');
		this.target = 'Buchung';
	});
	
	// Direktbuchung
	$('.funktionen select#hcode').change(function() { 
	  var auswahl = $(this).val();
	  if(auswahl != 'false') { 
		var ziel = $(this).closest('form').attr('action');
		var daten = 'hcode='+auswahl+'&CheckInDate=&CheckOutDate=&promotionCode=&city=0&country=0&state=0&agentsine=1916&agentdutycode=0013ae1b2a8c6ec7&lang=de&action=travelperiod';
		$(this)
			.closest('form')
			.attr({ action: ziel+'&'+daten })
			.trigger('submit');
	  };
	});
	
	// Sprungmenue
	$('select#sprungmenue').change(function() { 
		var auswahl = $(this).val();
		if(auswahl != '#' && auswahl != 'false') { 
			window.location.href = auswahl;
		}
	});
	
	// Navigation
	$('#nav').removeClass('nojs');
	$('#nav li:last-child').addClass('last');
	$('#nav li:has(ul)').hover(function() { 
		$(this).addClass('hover');
	}, function() { 
		$(this).removeClass('hover');
	});

	// DatePicker
	var dates = $('#anreise, #abreise').datepicker({
		minDate: 0,
		showOn: 'button',
		buttonImage: 'grafiken_design/kalender.gif',
		buttonImageOnly: true,
		numberOfMonths: 3,
		showButtonPanel: true,
		onSelect: function(selectedDate) {
			var option = this.id == "anreise" ? "minDate" : "maxDate";
			var instance = $(this).data("datepicker");
			var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
			dates.not(this).datepicker("option", option, date);
		}
	});
	$.datepicker.setDefaults($.datepicker.regional['de']);
		
});


/* German initialisation for the jQuery UI date picker plugin. */
/* Written by Milian Wolff (mail@milianw.de). */
jQuery(function($){
	$.datepicker.regional['de'] = {
		closeText: 'schließen',
		prevText: '&#x3c;zurück',
		nextText: 'Vor&#x3e;',
		currentText: 'heute',
		monthNames: ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
		monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez'],
		dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
		dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
		dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
		weekHeader: 'Wo',
		dateFormat: 'dd.mm.yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['de']);
});

function popup(url, title) {
	var leftPos = (screen.width) ? (screen.width - 820) / 2:0;
	var topPos = (screen.height) ? (screen.height - 480) / 2:0;
	var props = "width=820, height=480, left="+leftPos+", top="+topPos+" toolbar=0, personalbar=0, menubar=0, scrollbars=1, resizable=0, status=0";
	newwindow = window.open(url, title, props);
	if (window.focus) { 
		newwindow.focus()
	}
	return false;
}