$(document).ready(function(){  

$('#send_message_dd').click(function(e){  
 //stop the form from being submitted  
e.preventDefault();  

 /* declare the variables, var error is the variable that we use on the end 
  to determine if there was an error or not */  
  var error = false;  
  var yourname = $('#Yourname_dd').val();  
  var Emailaddress = $('#Emailaddress_dd').val();  
  var company = $('#Company_dd').val();  
  var message = $('#Message_dd').val();  
  
          /* in the next section we do the checking by using VARIABLE.length 
           where VARIABLE is the variable we are checking (like name, email), 
           length is a javascript function to get the number of characters. 
           And as you can see if the num of characters is 0 we set the error 
           variable to true and show the name_error div with the fadeIn effect. 
           if it's not 0 then we fadeOut the div( that's if the div is shown and 
           the error is fixed it fadesOut.  
    
           The only difference from these checks is the email checking, we have 
           email.indexOf('@') which checks if there is @ in the email input field. 
           This javascript function will return -1 if no occurence have been found.*/  
           if(yourname.length < 2  || company.length < 2  || message == 'Your Message' || message.length < 5 || company == 'Company' || yourname == 'Your name'){  
               var error = true;  
               $('#form_error').fadeIn(500);  
           }else{  
               $('#form_error').fadeOut(500);  
           }  
           if(Emailaddress.length == 0 || Emailaddress.indexOf('@') == '-1'){  
               var error = true;  
               $('#form_error').fadeIn(500);  
           }else{  
               $('#form_error').fadeOut(500);  
           } 
           //now when the validation is done we check if the error variable is false (no errors)  
           if(error == false){  
               //disable the submit button to avoid spamming  
               //and change the button text to Sending...  
               $('#send_message_dd').attr({'disabled' : 'true', 'value' : 'Sending...' });  
     
               /* using the jquery's post(ajax) function and a lifesaver 
               function serialize() which gets all the data from the form 
               we submit it to send_email.php */  
               $.post("/send_email.asp", $("#contact_form_dd").serialize(),function(result){  
                   //and after the ajax request ends we check the text returned 
                   if(result == 'sent'){ 
                       //if the mail is sent remove the submit paragraph 
                        $('#contact_form_dd').fadeOut(200); 
                       //and show the mail success div with fadeIn 
                       $('#mail_success_dd').fadeIn(500); 
                   }else{ 
                       //show the mail failed div 
                       $('#mail_fail').fadeIn(500); 
                       //reenable the submit button by removing attribute disabled and change the text back to Send The Message 
                       $('#send_message').removeAttr('disabled').attr('value', 'Send The Message'); 
		}  
               });  
           }  
       });



$('#send_message').click(function(e){  
e.preventDefault();  
 
  var error = false;  
  var yourname = $('#Yourname').val();  
  var Emailaddress = $('#Emailaddress').val();  
  var company = $('#Company').val();  
  var message = $('#Message').val();  
   
           if(yourname.length < 2  || company.length < 2  || message == 'Type your message here...' || message.length < 5 || company == 'Company' || yourname == 'Your name'){  
               var error = true;  
               $('#form_error').fadeIn(500);  
           }else{  
               $('#form_error').hide();  
           }  
           if(Emailaddress.length == 0 || Emailaddress.indexOf('@') == '-1'){  
               var error = true;  
               $('#form_error').fadeIn(500);  
           }else{  
               $('#form_error').hide();  
           }
            
           if(error == false){  
               
               $('#send_message').attr({'disabled' : 'true', 'value' : 'Sending...' });  
       
               $.post("send_email.asp", $("#contact_form").serialize(),function(result){  
                   if(result == 'sent'){ 
                        $('#cf_submit_p').remove(); 
                       $('#thankyou').fadeIn(500); 
                       $('#contact_form_holder').fadeOut(500); 
                   }else{ 
                       $('#mail_fail').fadeIn(500); 
                       $('#send_message').removeAttr('disabled').attr('value', 'Send The Message'); 
		   }  
               });  
           }  
       });
  
});