jQuery(document).ready(function() {
//global vars  
var form = jQuery("#contact_form");  
var name = jQuery("#name");   
var email = jQuery("#email");   
var phone = jQuery("#phone"); 
var comments = jQuery("#comments");  

function validateName(){ 

    //if it's NOT valid  
    if((name.val().length < 4) || (name.val() == 'Name:')){  
        name.addClass("error");  
        return false;  
    }  
    //if it's valid  
    else{  
        name.removeClass("error");  
        return true;  
    }  
}  

function validatePhone(){ 

    //if it's NOT valid  
    if((phone.val().length < 10) || (phone.val() == 'Phone:')){  
        phone.addClass("error");  
        return false;  
    }  
    //if it's valid  
    else{  
        phone.removeClass("error");  
        return true;  
    }  
}

function validateEmail(){  
    //if it's NOT valid  
    if((email.val().length < 4) || (email.val() == 'Email:')){  
        email.addClass("error");   
        return false;  
    }  
    //if it's valid  
    else{  
        email.removeClass("error");  
        return true;  
    }  
}  

function validateMessage(){  
    //it's NOT valid  
    if(comments.val().length < 10){  
        comments.addClass("error");  
        return false;  
    }  
    //it's valid  
    else{  
        comments.removeClass("error");  
        return true;  
    }  
}

//On blur  
name.blur(validateName);  
email.blur(validateEmail);  
phone.blur(validatePhone);
 
//On key press  
name.keyup(validateName);  
phone.keyup(validatePhone);  
comments.keyup(validateMessage);

//On Submitting  
jQuery("#sbt").click(function(){
    if(validateName() & validateEmail() & validateMessage()) {
        jQuery("#hndlsub").remove();
        jQuery.ajax({
        	type: 	"POST",
        	url:	"/qc.php",
        	data:	"name=" + name.val() + "&phone=" + phone.val() + "&email=" + email.val() + "&comments=" + comments.val(),
        	success: function(msg){
        		jQuery("#confirmSub").show();
        		jQuery("#confirmSub").append("Email has been sent succesfully");
        	}
        });
        return false;
    }
    else  
        return false;  
});
});