$(document).ready(function() {
	
	
	
	
	$("#getInTouch").click(function(){
		$("#formPlaceholder").html('<div id="cfTop"></div><form action="contact_post_ajax.php" method="post" id="contactForm"><h2 id="headerContact">Contact us</h2><ul id="errors"></ul><div class="formRow"><label for="name">Name*</label><input type="text" name="name" id="name" class="required" /><div class="clearFloat"></div></div><div class="formRow"><label for="tel">Telephone*</label><input type="text" name="tel" id="tel" class="required" /><div class="clearFloat"></div></div><div class="formRow"><label for="email">Email*</label><input type="text" name="email" id="email" class="required email" /><div class="clearFloat"></div></div><div class="formRow"><label for="town">Town</label><input type="text" name="town" id="town" /><div class="clearFloat"></div></div><div class="formRow"><label for="message">Message</label><textarea name="message" id="message"></textarea><div class="clearFloat"></div></div><div class="formRow"><label for="mail" id="lbMail">Sign me up to the Lady Sparkles mailing list.</label><input type="checkbox" name="mail" id="cbMail" /><div class="clearFloat"></div></div><div class="formRow"><button id="btnSubmit">Submit</button><div class="clearFloat"></div></div></form><div id="cfBottom"></div>');
		$('#formPlaceholder').show();
		$('#formPlaceholder').modal({closeHTML:'<a href="#">Close</a>', closeClass:('modalCloseImg'), minHeight:330, onClose:modalClose});
		$('#btnSubmit').click(function(){
			if($('#contactForm').valid())
			{
				if($("#cbMail").attr('checked'))
				{
					var checked = "on";  
				}
				else
				{
					var checked = "null";
				}
				
				var name = $("#name").val();
				var tel = $("#tel").val();
				var email = $("#email").val();
				var town = $("#town").val();
				var message = $("#message").val();
				
				width = $("#contactForm").width();
				height = $("#contactForm").height();
				
				$("#contactForm").html('<img src="assets/images/ajax.gif" id="spinner" alt="" />');
				$("#contactForm").css({'height':height,'width':width});
				$("#spinner").css({'position':'absolute', 'left':(width/2) - 6, 'top':(height/2) - 6});
				
				$.ajax({
					type: "POST",
					url: "contact_post_ajax.php",
					data: "name="+name+"&email="+email+"&tel="+tel+"&town="+town+"&message="+message+"&mail="+checked,
					success: function(msg){
					$("#contactForm").html(msg);
				
					}
				});
			}
			return false;
		});
	});
		
	function modalClose()
	{
		
		$.modal.close();
		$('#formPlaceholder').hide();
	}
		
});