jQuery(document).ready(function(){
    jQuery("input").focus(function () {
         jQuery(this).next("span.error").remove();
    });
    
    jQuery("#btn_close_email_this").click(function(){
        jQuery("#email_module").toggle();
    });
    
	jQuery("#btn_email_submit").click(function(){
	    jQuery('error').hide();					   				   
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var emailToVal = jQuery("#friends_email").val();
		if(emailToVal == '') {
		    jQuery("#friends_email+span.error").remove();
			jQuery("#friends_email").after('<span class="error">Recipient e-mail is required.</span>');
			hasError = true;
		} else if(!emailReg.test(emailToVal)) {	
			jQuery("#friends_email+span.error").remove();
			jQuery("#friends_email").after('<span class="error">Please enter a valid email address.</span>');
			hasError = true;
		}
		
		var emailFromVal = jQuery("#your_email").val();
		if(emailFromVal == '') {
		    jQuery("#your_email+span.error").remove();
			jQuery("#your_email").after('<span class="error">Your e-mails is required.</span>');
			hasError = true;
		} else if(!emailReg.test(emailFromVal)) {
			jQuery("#your_email+span.error").remove();
			jQuery("#your_email").after('<span class="error">Please enter a valid email address.</span>');
			hasError = true;
		}
		
		var subjectVal = jQuery("#email_subject").val();
		if(subjectVal == '') {
			jQuery("#email_subject+span.error").remove();
			jQuery("#email_subject").after('<span class="error">Subject is required.</span>');
			hasError = true;
		}
		
		var messageVal = jQuery("#your_message").val();		
		var styleVal = "both";
        var articleIdVal = jQuery("#articleId").val();		
		
		if (hasError == false) {
			jQuery("#email_response").append("<img src=\"http://2.images.theweek.com/images/loadingAnimation.gif\"");
			jQuery("#email_module").load("/article/send_email/" + articleIdVal,
			                          { friends_email: emailToVal, your_email: emailFromVal, email_subject: subjectVal, your_message: messageVal, email_style: styleVal },
			                          function(result,status,xhr) {
			                          	jQuery("#email_response img").remove()
			                          }
			                         );
		}
		
		return false;
	})
	.css('cursor','pointer');						   
});