Event.observe(window, 'load', function() 
{
	var pane = $('comment-form');
	
	if (! pane)
		return;
		
	
	if (! pane.getElementsByClassName('form-submit').length)
		return;
	
	var buttonSubmit = pane.getElementsByClassName('form-submit')[0];
	var buttonCancel = pane.getElementsByClassName('form-cancel')[0];
	
	buttonCancel.onclick = function() {
		Element.hide(pane);
	};
	
	buttonSubmit.onclick = function() 
	{
		var formName = pane.getElementsByClassName('form-naam')[0];
		var formReaction = pane.getElementsByClassName('form-reactie')[0];
		
		if (! formName.value.length || ! formReaction.value.length)
		{
			alert("Alle velden moeten ingevuld zijn om u uw reactie kunt versturen.");
			return false;
		}
		
		// buttonSubmit.disabled = true;
		return true;
	}
});

function react()
{
	var pane = $('comment-form');
	
	if (pane.getElementsByClassName('form-naam').length)
	{
		pane.down('FORM').reset();

		var formName = pane.getElementsByClassName('form-naam')[0];
		var formReaction = pane.getElementsByClassName('form-reactie')[0];
		var formParent = pane.getElementsByClassName('form-parent')[0];
		
		formReaction.value = '';
	}
	
	var parent = document.getElementsByClassName('comment-container')[0];
	parent.appendChild(pane);
	
	pane.show();
	pane.scrollTo();

	if (pane.getElementsByClassName('form-naam').length && ! name.length)
		pane.getElementsByClassName('form-naam')[0].focus();
	else if (pane.getElementsByClassName('form-reactie').length)
		pane.getElementsByClassName('form-reactie')[0].focus();
	
	return false;
}