$(function() {

/* 	if($('h1.top:contains(Mercure Hotel)').length) { 
		$('<a class="extlink" title="Jetzt buchen" href="http://www.mercure.com/de/hotel-0897-mercure-hotel-bielefeld-city/index.shtml"></a>')
			.insertAfter('#anfrage')
			.click(function(e) { 
				popup(this.href, 'Direktbuchung', 1024, 720);
				e.preventDefault();
			});
	} */

	// Firmenlogin
	$('a.firmenlogin').click(function(e) { 
		var id = 'nordickiel';
		var adress = 'https://www.cbooking.de/(S(nfoww4avteutsqzgcbud5qet))/ui/Booking.aspx?id='+id+'&lang=de&module=corporate';
		popup(adress, 'Firmenlogin', 800, 640);
		this.target = 'Firmenlogin';		
		e.preventDefault();
	});

	// Hotel Reservierung
	$('#anfrage').submit(function(e) { 
	  if($('select#hotel').val() != '#') { 
		popup('', 'Buchung', 1005, 750);
		this.target = 'Buchung';		
	  } else { 
		e.preventDefault();
	  }
	});
		
	// Direktbuchung (Kopfbereich)
	$('#anfrage_kurz #hcode').change(function() { 
		var baseUrl = 'https://www.cbooking.de/v3/booking.aspx';
		var hotel = $(this).val();
		var lang = $('#anfrage input#lang').val();
		if(hotel != 'false') { 
			popup(baseUrl+'?module=public&id='+hotel+'&lang='+lang, 'Direktbuchung', 1005, 750);
			this.target = 'Direktbuchung';
		}		
	});
	

	$('#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');
	});

	// 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);
		}
	});
	if($('input[name="lang"]').val() == 'de') {
		$.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, width, height) {
	var leftPos = (screen.width) ? (screen.width - width) / 2:0;
	var topPos = (screen.height) ? (screen.height - height) / 2:0;
	var props = "width="+width+", height="+height+", left="+leftPos+", top="+topPos+" toolbar=0, personalbar=0, menubar=0, scrollbars=1, resizable=1, status=0";
	newwindow = window.open(url, title, props);
	if (window.focus) { 
		newwindow.focus()
	}
	return false;
}