$(document).ready(function() { 

	/*
	 * Clear form on click
	 */
	$("#clear_comment_form").click(function() {
		$(':input','#comment_input_form')
		.not(':button, :submit, :reset, :hidden')
		.val('')
		.removeAttr('checked')
		.removeAttr('selected');
		return false;
	});
	
    var options = { 
        target:			'#comment_list',   // target element(s) to be updated with server response 
        beforeSubmit:	showRequest,  // pre-submit callback 
        success:		showResponse,  // post-submit callback 
        clearForm: 		true        // clear all form fields after successful submit
 
        // other available options: 
        //url:       url         // override for form's 'action' attribute 
        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
        //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
        //clearForm: true        // clear all form fields after successful submit 
        //resetForm: true        // reset the form after successful submit 
 
        // $.ajax options can be used here too, for example: 
        //timeout:   3000 
    }; 
 
    // bind to the form's submit event 
   // $('#comment_input_form').submit(function() { 
        // inside event callbacks 'this' is the DOM element so we first 
        // wrap it in a jQuery object and then invoke ajaxSubmit 
     //   $(this).ajaxSubmit(options); 
 
        // !!! Important !!! 
        // always return false to prevent standard browser submit and page navigation 
       // return false; 
    //});
	
	
	
	
	
	$("#comment_input_form").validate({
		rules: {
			comment_content: {
				required: true
			}
		},
		messages: {
			comment_content: {
				 required: ""+language.comment_error+"",
			}
		},
		submitHandler: function(form) {
			$(form).ajaxSubmit(options); 
 		}

	});
	
	
	
	
	
}); 
 
// pre-submit callback 
function showRequest(formData, jqForm, options) { 
	
	$("span#comment_submit").html("<img src=\"/resources/images/small_loader.gif\" /> "+ language.comment_saving +"");

    return true; 
} 
 
// post-submit callback 
function showResponse(responseText, statusText, xhr, $form)  { 
	
	$("span#comment_submit").html("<input name=\"submit_comment\" value=\"Opslaan\" type=\"submit\">");
 
}