$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });
});
  
  function sendFriend(i) {
		// validate and process form
		// first hide any error messages
    $('.error').hide();
		
	  var name = $("input#friend_name"+i).val();
/*		if (name == "" || name == "Your friend's name *") {
      $("label#name_error").show();
      $("input#cl_name").focus();
      return false;
    }*/
		var email = $("input#friend_email"+i).val();
		var referrer = $("input#friend_ref"+i).val();
		var ref_email = $("input#friend_ref_email"+i).val();
		var comments = $("textarea#friend_comments"+i).val();
		var listing = $("input#friend_listing"+i).val();
		
		var dataString = 'name='+ name + '&email=' + email + '&referrer=' + referrer + '&ref_email=' + ref_email + '&comments=' + comments + '&listing=' + listing;
//		alert (dataString);return false;
		
		if (i == '') {
			$.ajax({
			type: "POST",
			url: "contact-friend-send.php",
			data: dataString,
			success: function() {
			  $('#send-success').html("<div id='message-success' style='background-color: #e4ebfd; height: 520px;'></div>");
			  $('#message-success').html("<img border='0' src='images/cl-thanks2.gif' alt='' style='margin: 0 auto; padding-top: 30px; padding-right: 10px;' />")
			  .append("")
			  .hide()
			  .fadeIn(1500, function() {
				 $('#message-success').append("<br /><img border='0' src='images/cl-check.gif' style='margin: 0 auto; padding-right: 10px;' /><br /><br /><div class='left-feedback-col' style='width: 200px; margin: 0 auto; text-align: center; font-family: Arial; font-size: 11px; padding-right: 10px;'><a href='javascript:collapseFriend.slideit()'>[x] collapse this area.</a></div>");
			  });
			}
		  });
		}
		else {
			$.ajax({
			type: "POST",
			url: "contact-friend-send.php",
			data: dataString,
			success: function() {
			  $('#send-success'+i).html("<div id='message-success"+i+"' style='height: 160px; text-align: center; padding-top: 110px;'></div>");
			  $('#message-success'+i).html("<h2 style='color:#fff;'>Thank You</h2>")
			  .append("")
			  .hide()
			  .fadeIn(1500, function() {
				 $('#message-success'+i).append("<br /><p style='color:#fff;'>Your message has been sent to your friend</p>");
			  });
			}
		  });
		}
    return false;
	}