jQuery(document).ready(function($) {
	
	/*
	 * 
	 */
	$('#open-kool-newsletter-subscription-form').click(function() {
		
		var ajax_url = $('#kool_newsletter_subscription_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 popup
		var html = '<div id="darken-mainpage-subscription-form"><div id="newsletter-subscription-popup"> <div id="header">&#187; <strong>Newsletter abonnieren</strong><div class="close"></div></div> <div id="form"> <p><input type="button" name="" value="senden" id="submit-kool-newsletter-subscription-form" /></p> </div>  </div></div>';
		$('body').prepend(html);
		
		// position iframe popup
		var popupWidth = $('#newsletter-subscription-popup').width();
		var documentWidth = $(document).width();
		var popupHeight = $('#newsletter-subscription-popup').height();
		var documentHeight = $(window).height();
		var positionLeft = Math.ceil((documentWidth - popupWidth) / 2);
		var positionTop = Math.ceil((documentHeight - popupHeight) / 2);
		$('#newsletter-subscription-popup').css('margin-left', positionLeft + 'px');
		$('#newsletter-subscription-popup').css('margin-top', positionTop + 'px');
		
		// close booking iframe popup
		$('#darken-mainpage-subscription-form #newsletter-subscription-popup #header .close').click(function() {
			$('body').css('overflow-y', 'visible');
			$('#darken-mainpage-subscription-form').remove();
		});
		
		// ajax request
		// get html form
		$.ajax({
			type: 'POST',
			data: 'action=kool_newsletter_subscription_form', // see php script add_action('wp_ajax_kaufmann_room_inquiry_form'...
			url: ajax_url,
			beforeSend: function () {
				//alert("beforesend");
			},
			error: function() {
			
			},			
			success: function(data) {
				// remove preloader animation
				$('#newsletter-subscription-popup').css('background-image', 'none');
				$('#newsletter-subscription-popup #form').prepend(data);
				
				/*
				 * 
				 */
				$('#submit-kool-newsletter-subscription-form').click(function() {
					
					// read form data
					var postString = '&sent=y';
					
					var subscriber_name = $('input[name="subscriber_name"]').val();
					postString = postString + '&subscriber_name=' + subscriber_name;
					
					var subscriber_email = $('input[name="subscriber_email"]').val();
					postString = postString + '&subscriber_email=' + subscriber_email;
					
					// ajax request
					// submit html form
					$.ajax({
						type: 'POST',
						data: 'action=kool_newsletter_subscription_form' + postString, // see php script add_action('wp_ajax_kaufmann_room_inquiry_form'...
						url: ajax_url,
						beforeSend: function () {
							$('#newsletter-subscription-popup #form #form-kool-email-subscription').remove();
						},
						success: function(data) {
							$('#newsletter-subscription-popup #form').prepend(data);
							var status = $('input[name="status"]').val();
							if (status == "confirmation") {
								$('#submit-kool-newsletter-subscription-form').remove();
								$('#newsletter-subscription-popup #form').css('overflow-y', 'hidden');
								$('#newsletter-subscription-popup').animate({"height": "55px"}, "fast");
							}
						}
					});
				});
			}
		});
		
	});
	

	
});