var divHeight = 220;

var initFormStyle = function() {
        $('#sender').removeClass("redborder");
        $('#recipient').removeClass("redborder");
        $('#comment').removeClass("redborder");
        $('#email_feedback').removeClass("ok_message");
        $('#email_feedback').removeClass("error_message");

}

var clearFormContent = function() {
         $('#sender').val('');
         $('#recipient').val('');
         $('#email_feedback').html('');
         $('#comment').val('');
        var mailFormDiv = $('#email_form_div').css('height', divHeight +'px');
}


var showErrors = function(json){
      initFormStyle();
      var error = "Please correct the highlighted fields. </br>";
      if (json != null) {
        if(json.fielderrors.sender) {
          //error = error + ", illegal From-address";
          $('#sender').addClass("redborder");
        }
        if(json.fielderrors.recipient) {
           $('#recipient').addClass("redborder");
           //error = error + ", illegal To-address";
         }
        if(json.fielderrors.comment) {
           $('#comment').addClass("redborder");
           //error = error + "please enter a comment";
         }
      }
        var mailFormDiv = $('#email_form_div');
        mailFormDiv.css('height', divHeight + 20 + 'px');
        $('#email_feedback').toggle();
        $('#email_feedback').show();

        $('#email_feedback').removeClass("hidden");
        $('#email_feedback').addClass("error_message");
        $('#email_feedback').html(error);
};


var showOK = function(data){
        initFormStyle();
        var message = "Email sent";
        $('#email_feedback').removeClass("hidden");
        $('#email_feedback').addClass("ok_message");
        $('#email_feedback').show();
        $('#email_feedback').html(message);
        $('#clear_data').hide();
        $('#email_post_data').hide();

};


$('#clear_data').click(function(){
    clearFormContent();
    initFormStyle();
});

$('#email_post_data').click(function(){
    $.ajax({
        url: context + 'notify/email_ajax.htm',
        type: 'POST',
        dataType: 'json',
        data: $('#email_form').serialize(),
        success: function(data) {
          showOK(data);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
          var json = $.parseJSON(XMLHttpRequest.responseText);
          showErrors(json);
        }
    });    
});