var comment_form = {
	submit: function(e) {
		Event.stop(e);
	
    new Ajax.Request($('comment-form').getAttribute('action'), {
        method: 'post',
        parameters: $('comment-form').serialize(true),
        onSuccess: function(transport){
        
            if(transport.responseText.isJSON()) {
            
            	var errors = transport.responseText.evalJSON(true);
	            $$('#comment-form label').each(function(el) {
	            
	                var forValue = el.getAttribute('htmlFor') || el.getAttribute('for');
	                
	                if (errors[forValue.replace('comment_', '')]) {
	                    el.className = 'error';
	                } else {
	                    el.removeClassName('error');
	                }
	                
	            });
	            
            } else {
            	            
            	if (transport.responseText == '') {
            		$('comment-result').update('<div id="comment-success-message">Uw reactie wordt pas zichtbaar na moderatie</div>');
            	}	else {
            		$('comment-list').update(transport.responseText);
            	}
            	
                $$('#comment-form label').each(function(el) {
                    el.removeClassName('error');
                });
  					
                var name = '';
                if ( $('comment_remember').checked )
                {
                    name = $('comment_name').value;
                }
                $('comment-form').reset();
                $('comment_name').value = name;
            }
        }
    });
	},
	
  toggle: function(e) {
      if($('comment-react').visible() == false) {
          $('comment-react').slideDown();
      } else {
          $('comment-react').slideUp();
      }
  }
};
Event.observe(window, 'load', function(){
    $('comment-react').hide();
    Event.observe($('comment-form'), 'submit', comment_form.submit);
    Event.observe($('react-btn'), 'click', comment_form.toggle);
});