/**
 * Funktioner som først skal kaldes når dokumentet er færdig med at loade skal heri
 */
document.observe("dom:loaded", function() {
	/**
	 * Når formen bliver submittet
	 * @return {bool} True hvis form er ok
	 *                False hvis fejl i form
	 */
	$('guestbook_form').onsubmit = function() {
		var errors = 0;
		var errors_msg = new Array();
		var msg = '';

		if (!checkTextAuthor()) {
			errors++;
			errors_msg.push('Du mangler at skrive et navn');
		}
		if (!checkTextEmail()) {
			errors++;
			errors_msg.push('Du mangler at angive en valid email adresse');
		}
		if (!checkTextShorttext()) {
			errors++;
			errors_msg.push('Du mangler at skrive en besked');
		}

		if (errors) {
			for (var i = 0; i < errors_msg.length; i++) {
				msg += errors_msg[i] + '<br />';
			}
			noticeArea('error', 'Fejl:', msg);
			return false;
		} else {
			return true;
		}
	}

	$('text_author').onblur = function() {
		return checkTextAuthor();
	}

	$('text_email').onblur = function() {
		return checkTextEmail();
	}

	$('text_shorttext').onblur = function() {
		return checkTextShorttext();
	}

	/**
	 * Hvis der klikkes på overskriften til formen, så skal formen skiftevis
	 * vises og skjules
	 */
	$('h2_guestbook_form').onclick = function() {
		new Effect.toggle($('guestbook_form'), 'blind');
	}
});

/**
 * Kontrollerer om author er udfyldt
 * @return {bool}
 */
function checkTextAuthor() {
    if ($('text_author').value.empty()) {
        $('text_author').style.borderColor = 'red';
        return false;
    } else {
        $('text_author').style.borderColor = '#eee';
        return true;
    }
}

/**
 * Kontroller om email er udfyldt korrekt
 * @return {bool}
 */
function checkTextEmail() {
	if ($('text_email').value.empty()) {
		$('text_email').style.borderColor = 'red';
		return false;
	} else if (checkEmail($('text_email').value)) {
		$('text_email').style.borderColor = 'red';
		return false;
	} else {
		$('text_email').style.borderColor = '#eee';
		return true;
	}
}

/**
 * Kontrollerer om shorttext er udfyldt
 * @return {bool}
 */
function checkTextShorttext() {
    if ($('text_shorttext').value.empty()) {
        $('text_shorttext').style.borderColor = 'red';
        return false;
    } else {
        $('text_shorttext').style.borderColor = '#eee';
        return true;
    }
}