jQuery(document).ready(function($) {
	
	/*
	 * 
	 */
	$('#open-kaufmann-room-inquiry-form').click(function() {
		
		var ajax_url = $('#kaufmann_room_inquiry_form_ajax_url').attr('value');
		
		// scroll to top and disable vertical scrolling while booking is active
		$(window).scrollTop(0);
		$('body').css('overflow-y', 'hidden');
		
		// display iframe popup
		var html = '<div id="darken-mainpage-inquiry-form"><div id="room-inquiry-popup"> <div id="header">&#187; <strong>Ihre Buchungsanfrage</strong><div class="close"></div></div> <div id="form"> <p><input type="button" name="" value="senden" id="submit-kaufmann-room-inquiry-form" /></p> </div>  </div></div>';
		$('body').prepend(html);
		
		// position iframe popup
		var popupWidth = $('#room-inquiry-popup').width();
		var documentWidth = $(document).width();
		var popupHeight = $('#room-inquiry-popup').height();
		var documentHeight = $(window).height();
		var positionLeft = Math.ceil((documentWidth - popupWidth) / 2);
		var positionTop = Math.ceil((documentHeight - popupHeight) / 2);
		$('#room-inquiry-popup').css('margin-left', positionLeft + 'px');
		$('#room-inquiry-popup').css('margin-top', positionTop + 'px');
		
		// close booking iframe popup
		$('#darken-mainpage-inquiry-form #room-inquiry-popup #header .close').click(function() {
			$('body').css('overflow-y', 'visible');
			$('#darken-mainpage-inquiry-form').remove();
		});
		
		// ajax request
		// get html form
		$.ajax({
			type: 'POST',
			data: 'action=kaufmann_room_inquiry_form', // see php script add_action('wp_ajax_kaufmann_room_inquiry_form'...
			url: ajax_url,
			beforeSend: function () {
				//alert("beforesend");
			},
			error: function() {
				alert();
			},			
			success: function(data) {
				// remove preloader animation
				$('#room-inquiry-popup').css('background-image', 'none');
				$('#room-inquiry-popup #form').prepend(data);
				
				/*
				 * 
				 */
				$('#submit-kaufmann-room-inquiry-form').click(function() {
					
					// read form data
					var postString = '&sent=y';
					
					var arrival = $('input[name="arrival"]').val();
					postString = postString + '&arrival=' + arrival;
					
					var departure = $('input[name="departure"]').val();
					postString = postString + '&departure=' + departure;
					
					var number_people = $('input[name="number_people"]').val();
					postString = postString + '&number_people=' + number_people;
					
					var number_kids = $('input[name="number_kids"]').val();
					postString = postString + '&number_kids=' + number_kids;
					
					var title = $('select[name="title"]').val();
					postString = postString + '&title=' + title;
					
					var first_name = $('input[name="first_name"]').val();
					postString = postString + '&first_name=' + first_name;
					
					var last_name = $('input[name="last_name"]').val();
					postString = postString + '&last_name=' + last_name;
					
					var address = $('input[name="address"]').val();
					postString = postString + '&address=' + address;
					
					var zip_code = $('input[name="zip_code"]').val();
					postString = postString + '&zip_code=' + zip_code;
					
					var city = $('input[name="city"]').val();
					postString = postString + '&city=' + city;
					
					var country = $('select[name="country"]').val();
					postString = postString + '&country=' + country;
					
					var email = $('input[name="email"]').val();
					postString = postString + '&email=' + email;
					
					var phone = $('input[name="phone"]').val();
					postString = postString + '&phone=' + phone;
					
					var fax = $('input[name="fax"]').val();
					postString = postString + '&fax=' + fax;
					
					var room_info_1 = $('input[name="room_info_1"]');
					var room_info_2 = $('input[name="room_info_2"]');
					var room_info_3 = $('input[name="room_info_3"]');
					var room_info_4 = $('input[name="room_info_4"]');
					var room_info_5 = $('input[name="room_info_5"]');
					var room_info_6 = $('input[name="room_info_6"]');
					var room_info_7 = $('input[name="room_info_7"]');
					var room_info_8 = $('input[name="room_info_8"]');
					var interested_in_seminars = $('input[name="interested_in_seminars"]');
					
					var room_info_1_val;
					var room_info_2_val;
					var room_info_3_val;
					var room_info_4_val;
					var room_info_5_val;
					var room_info_6_val;
					var room_info_7_val;
					var room_info_8_val;
					var interested_in_seminars_val;
						
					var checkedValue = 1;
					if (room_info_1.attr('checked')) room_info_1_val = checkedValue;
					if (room_info_2.attr('checked')) room_info_2_val = checkedValue;
					if (room_info_3.attr('checked')) room_info_3_val = checkedValue;
					if (room_info_4.attr('checked')) room_info_4_val = checkedValue;
					if (room_info_5.attr('checked')) room_info_5_val = checkedValue;
					if (room_info_6.attr('checked')) room_info_6_val = checkedValue;
					if (room_info_7.attr('checked')) room_info_7_val = checkedValue;
					if (room_info_8.attr('checked')) room_info_8_val = checkedValue;
					if (interested_in_seminars.attr('checked')) interested_in_seminars_val = checkedValue;
					
					postString = postString + '&room_info_1=' + room_info_1_val;
					postString = postString + '&room_info_2=' + room_info_2_val;
					postString = postString + '&room_info_3=' + room_info_3_val;
					postString = postString + '&room_info_4=' + room_info_4_val;
					postString = postString + '&room_info_5=' + room_info_5_val;
					postString = postString + '&room_info_6=' + room_info_6_val;
					postString = postString + '&room_info_7=' + room_info_7_val;
					postString = postString + '&room_info_8=' + room_info_8_val;
					postString = postString + '&interested_in_seminars=' + interested_in_seminars_val;
						
					var pension = $('select[name="pension"]').val();
					postString = postString + '&pension=' + pension;
					
					var message = $('textarea[name="message"]').val();
					postString = postString + '&message=' + message;
					
					var found_us = $('textarea[name="found_us"]').val();
					postString = postString + '&found_us=' + found_us;
					
					
						
						// ajax request
						// submit html form
						$.ajax({
							type: 'POST',
							data: 'action=kaufmann_room_inquiry_form' + postString, // see php script add_action('wp_ajax_kaufmann_room_inquiry_form'...
							url: ajax_url,
							beforeSend: function () {
								$('#room-inquiry-popup #form #form-kaufmann-room-inquiry').remove();
							},
							success: function(data) {
								$('#room-inquiry-popup #form').prepend(data);
								var status = $('input[name="status"]').val();
								if (status == "confirmation") {
									$('#submit-kaufmann-room-inquiry-form').remove();
									$('#room-inquiry-popup #form').css('overflow-y', 'hidden');
									$('#room-inquiry-popup').animate({"height": "100px"}, "fast");
								}
							}
						});
				});
			}
		});
		
	});
	

	
});