//	(normal browsers ;D)
if (document.addEventListener) 
{
    document.addEventListener("DOMContentLoaded", init, null);
}

//	others
window.onload = init;

function init()
{
	// eenmaal hier komen
	if (arguments.callee.done)
	{
		return;
	}
	arguments.callee.done = true;
	set_active_nav();
	setfocus();
	var flashvars = {};
	var params = {
		wmode: "transparent"};
	var attributes = {};
		swfobject.embedSWF("/style/wavesandwildlife/flash/header.swf", "header_bg", "970", "267", "6.0.0", "/style/wavesandwildlife/flash/expressInstall.swf", flashvars, params, attributes);
}

function do_animate_header()
{
	//	1. appear header1
	new Effect.Opacity('header_bg', { from: 0, to: 1, duration: 2.0, afterFinish: function() { step2_animate_header();} } );
}

function step2_animate_header()
{
	//	2. remove header1 and appear header2
	new Effect.Opacity('header_bg', { from: 1, to: 0, duration: 3.0, queue: { position: 'end', scope: 'header_a' }});
	new Effect.Appear('header_bg_2', { duration: 3.0, queue: { position: 'end', scope: 'header_b' }, afterFinish: function() { step3_animate_header();}} );
}

function step3_animate_header()
{
	//	set background to header3.png
	new Effect.Opacity('header_bg_2', { from: 1, to: 0, duration: 3.0, queue: { position: 'end', scope: 'header_a' }});
	new Effect.Appear('header_bg_3', { duration: 3.0, queue: { position: 'end', scope: 'header_b' }, afterFinish: function() { step4_animate_header();}} );
	//
}

function step4_animate_header()
{
	//	set background to header.png
	new Effect.Opacity('header_bg_3', { from: 1, to: 0, duration: 3.0, queue: { position: 'end', scope: 'header_b' }} );
	new Effect.Opacity('header_bg', { from: 0, to: 1, duration: 3.0, queue: { position: 'end', scope: 'header_a' },afterFinish: function() { step2_animate_header();}});
}

function set_active_nav()
{
	var nav	=	document.getElementById('navigation');
	var as 	=	nav.getElementsByTagName('a');
	var loc =	new String(document.location);
	//get
	var sel =	loc.replace(/(http:\/\/[^\/]+\/[^\/]+\/).*/,"$1");
	var sel_plus	=	sel+'/';
	//find
	for (var i = 0; i < as.length; i++)
	{
		a = as[i];
		ap	=	a.href+'/';
		if (a.href == sel || ap == sel)
		{
			a.className = 'selected';
		}		
	}
}

var FIRST = null;

function setfocus()
{
	var naam_obj	=	document.getElementById('firstname');
    if(naam_obj && !FIRST)
    {
		naam_obj.focus();
    }
}

function check(a_form)
{
	var msg = '';
    msg = do_check(a_form);
    if (msg != '')
    {
        if(FIRST)
        {
        	FIRST.focus();
        }
        msg = 'Please fill in the following fields:\n\n' + msg;
        alert(msg);
        return false;
    }
    else
    {
		return true;
    }
}

function do_check(a_form)
{
    FIRST		=	null;
    msg = '';
    inputs = a_form.getElementsByTagName('input');
    textareas = a_form.getElementsByTagName('textarea');

    msg = required(inputs, msg)
    msg = required(textareas, msg)

    return msg;
}


function required(inputs, msg)
{
    var labels	=	document.getElementsByTagName('label');
    for (var n = 0; n < inputs.length; n++)
    {
        elem = inputs[n];

        if (elem.className.indexOf('required') > -1 && elem.value == '')
        {
          	var find = null;
		  	for (var i = 0; i < labels.length; i++)
            {
                var se	=	labels[i].attributes['for'].nodeValue;
                if (se == elem.getAttribute('id'))
                {
					find = labels[i];
                }
            }
			var re = /(\*|&nbsp;|:)/gi;
            var fname = '';
            var fname = find.innerHTML.replace(re,'');

            msg = msg + '-\t' + fname + '\n';
            elem.className = 'required error';
            if(FIRST == null)
            {
            	FIRST	=	elem;
            }
        }
        else
        {
			if (elem.className.indexOf('required') > -1)
			{
				elem.className	=	'required';
			}
        }
    }
    return msg;
}