$(function(){
 
  $('<div id="contactShow"><form><div id="formLeft"><div><label>Name:</label><input name="name" id="name" class="inputText" size="23" /></div><div><label>Email:</label><input name="email" id="email" class="inputText" size="23" /></div><div><label>Phone Number:</label><input name="phone" id="phone" class="inputText" size="23" /></div><div><label>Business Name:</label><input name="business" id="business" class="inputText" size="23" /></div><div><label>Website Url:</label><input name="url" id="url" class="inputText" value="http://" size="30" /></div><div><label>Your Message:</label><textarea name="message" id="message" class="inputText" rows="3" cols="22"></textarea></div></div><div id="formBottom"><input type="submit" id="submit" value="Contact Us" /></div></form></div>').hide().appendTo('#form').slideDown(200);  
  
  $('#topLinks a:last').click(function(event){
        $('#contactShow').slideToggle(400);
        return false;
   
  });
  $('#contactHeader').click(function(event){
        $('#contactShow').slideToggle(400);
        return false;
   
  });
  
  
  $(".inputText").click(function(){
    $(".inputText").removeClass('selected');
    $(this).addClass('selected');
  
  });
  
  
  $("#submit").click(function(){
		
		/* validate */
		$(".error").hide();
		$(".inputText").removeClass('required');
		
		var formError = false;
		var emailRegex = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    var urlRegex = /^(?:https?:\/\/)?([a-zA-Z0-9][-\w\d]*\.)*(?:[a-zA-Z0-9][-\w\d]*)(?:\.[a-zA-Z]+)+(?:\/.*)?$/;
		
		var emailVar = $("#email").val();
		if(emailVar == '') {
			$("#email").addClass('required').after('<span class="error"><br />Please Enter Your Email</span>');
		  formError = true;
		} else if(!emailRegex.test(emailVar)) {
			$("#email").addClass('required').after('<span class="error"><br />Invalid Email</span>');
			formError = true;
		}
		
		/*validate phone*/
		var phoneVar = $("#phone").val();
		if(phoneVar == '') {
			$("#phone").addClass('required').after('<span class="error"><br />Please Enter Your Phone Number</span>');
			formError = true;
		}		
		
		/*validate name*/
		var nameVar = $("#name").val();
		if(nameVar == '') {
			$("#name").addClass('required').after('<span class="error"><br />Please Enter Your Name</span>');
			formError = true;
		}
		
		/*validate url*/
		var urlVar = $("#url").val();
		if(urlVar == '') {
			$("#url").addClass('required').after('<span class="error"><br />Please Enter Your Website Url</span>');
		  formError = true;
		} else if(!urlRegex.test(urlVar)) {
			$("#url").addClass('required').after('<span class="error"><br />Please Enter a Valid Website Url</span>');
			formError = true;
		}
	
    /*store variables*/
    var businessVar = $("#business").val();	
    var messageVar = $("#message").val();	
    
    /*store url*/
    var urlServerVar = "";

		if(formError == false) {
		$(this).hide();
		$("#formBottom").append('<img src="/images/loading.gif" alt="Loading" id="loading" />');
			
		/*create success and show */	
		
			
		/*send info to contact.php*/	
		$.post("/images/contact.php",
		   { email: emailVar, name: nameVar, phone: phoneVar, url: urlVar, message: messageVar, business: businessVar, server: 'advertiseontopofsearchengine.com' },
			function(data){
				$("#contactShow").slideUp("normal", function() {
		
					$('<div id="formSuccess"><h2>Thank You!</h2><p>We will contact you shortly.</p></div>')
						.appendTo('#form')
						.hide();
						$('#formSuccess').fadeIn(400);
				});
			}, 'text'
		);
					
		}




		/*no more clicky*/
		return false;

	});
  

});