Event.observe(window, 'load', function() {
    init_menu();
    $$('a[rel~=external]').invoke('writeAttribute', 'target', 'blank');

    $('nls_name').observe('click', function() {
        if($F(this) == 'Voornaam')
            this.value = '';
    });
    $('nls_email').observe('click', function() {
        if($F(this) == 'E-mailadres')
            this.value = '';
    });

});

function check_newsletter_form() {
    if($F('nls_name') == 'Voornaam')
        $('nls_name').value = '';

    if($F('nls_email') == "E-mailadres")
        $('nls_email').value = '';

    if($F('nls_name') == "") {
        alert("Er is geen voornaam ingevoerd.");
        return false;
    } else if(!validate_email($F('nls_email'))) {
        alert("Er is geen e-mailadres ingevoerd");
        return false;
    }
    return true;
}

function validate_email(email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   if(reg.test(email) == false) {
      return false;
   }
   return true
}

var menu_timeout_id;
var hide_menu = true

var menu_height = 250;

function init_menu() {
    menu_height = $("submenu").getStyle('height');
    $("submenu").setStyle("height:0;overflow:hidden;visibility:inherit;")

    $("navigation").observe("mouseover", function() {
        hide_menu = false
        window.clearTimeout(menu_timeout_id)
        new Effect.Morph('submenu', {style: 'height:' + menu_height, duration: 0.4});
    });
    $("navigation").observe("mouseout", function() {
        hide_menu = true
        menu_timeout_id = window.setTimeout('hide_menus()', 500);
    });
}

function hide_menus() {
    if(hide_menu)
        new Effect.Morph('submenu', {style: 'height:0;', duration: 0.4});
}