jQuery.fn.fadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle'}, speed, easing, callback);  
};

$(document).ready(function() {
    $('#tellfriend').hide();
    $('#tellfriend a.close').click(function() {
    $("#tellfriend").fadeToggle('slow');
  });


    $('li a.email').click(function() {
    $('#container_result').hide();
    $("#tellfriend").fadeToggle('slow');
    $('form#tellafriend_form').show();
  });

});



$(document).ready(function() {
	$('form#tellafriend_form').submit(function() {
		$('form#tellafriend_form .error').remove();
		var hasError = false;
		$('.requiredField').each(function() {
			if(jQuery.trim($(this).val()) == '') {
				var labelText = $(this).prev('label').text();
				$(this).parent().append('<span class="error">'+labelText+' is required field</span>');
				hasError = true;
			} else if($(this).hasClass('email')) {
				var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
				if(!emailReg.test(jQuery.trim($(this).val()))) {
					var labelText = $(this).prev('label').text();
					$(this).parent().append('<span class="error">You entered an invalid '+labelText+'</span>');
					hasError = true;
				}
			}
		});
		if(!hasError) {
		//we've got clean input - send it to php and say thanks to user

		var ajxFile = "tellafriend.php";

			var formInput = $(this).serialize();
			$.post(ajxFile,formInput, function(data){
				 
				$('form#tellafriend_form').slideUp("slow", function() {				   
					$('#container_result').html(data); 
					  $('#container_result').show();
				});
			});
		}
		
		return false;
		
	});
});
