$(document).ready(function() {
	$('#submit-kaufmann-booking-form').click(function() {
		
		// scroll to top and disable vertical scrolling while booking is active
		$(window).scrollTop(0);
		$('body').css('overflow-y', 'hidden');
		
		var arrival = $("input[name='arrival']").attr("value");
		var departure = $("input[name='departure']").attr("value");
		/*var departureSplit = departure.split('/');
		var departureFormatted = departureSplit[0] + "." + departureSplit[1]*/
		var adult = $("input[name='adult']").attr("value");
		var child1 = $("input[name='child1']").attr("value");
		var child2 = $("input[name='child2']").attr("value");
		var child3 = $("input[name='child3']").attr("value");
		
		// display iframe popup
		var html = '<div id="darken-mainpage"><div id="booking-popup"> <div id="header"><div class="close"></div></div> <iframe src="http://hotel-kaufmann.tramino.de/partner/hotel-kaufmann/frame/kategorien.html?von=' + arrival + '&bis=' + departure + '&erwachsene=' + adult + '&kind1=' + child1 + '&kind2=' + child2 + '&kind3=' + child3 + '" width="750" height="600"></iframe> </div></div>';
		$('body').prepend(html);
		
		// position iframe popup
		var popupWidth = $('#booking-popup').width();
		var documentWidth = $(document).width();
		var popupHeight = $('#booking-popup').height();
		var documentHeight = $(window).height();
		var positionLeft = Math.ceil((documentWidth - popupWidth) / 2);
		var positionTop = Math.ceil((documentHeight - popupHeight) / 2);
		$('#booking-popup').css('margin-left', positionLeft + 'px');
		$('#booking-popup').css('margin-top', positionTop + 'px');
		
		// close booking iframe popup
		$('#darken-mainpage #booking-popup #header .close').click(function() {
			$('body').css('overflow-y', 'visible');
			$('#darken-mainpage').remove();
		});
		
		
		/*
		$.ajax({
			type: 'POST',
			url: ajaxurl, // booking_request.php
			data: 'action=',
			dataType: 'html',
			
			success: function(htmldata) {
		
				var html = '<div id="darken_mainpage"><div id="booking-popup">' + htmldata + '</div></div>';
				$('body').prepend(html);
			});
		});
		*/
	});
	
});