Event.observe(window, 'load', function() 
{
	Event.observe('username', 'focus', function(event) {  $('username').clear(); });
	Event.observe('password', 'focus', function(event) {  $('password').clear(); $('password').writeAttribute('maxlength','8'); });
	Event.observe('loginBtn', 'click', checkLogin);	
}); 

function showRegForm()
{
	url = (admin) ? "../" : "";
	
	new Ajax.Request(url + "ajax/registratie.php", 
	{
		method: "GET",
		onSuccess: function(transport) 
		{
			var regDiv = new Element('div', { 'id': 'regForm' }).update( transport.responseText );
			regDiv.setStyle({ display:"none" });
			$('container').appendChild(regDiv);
			
			Effect.BlindDown('regForm', { duration: 1 });
			
			Event.observe('zendReg', 'click', controle);
			Event.observe('cancelReg', 'click', function(event) {  Effect.BlindUp('regForm', { duration: 1 }); });
		}
	});	
}


function controle()
{
	var errorFlag = false;
	resetborders();
	
	if( $F('REGnaam').blank())		{  errorFlag = true; $('REGnaam').setStyle({ border: "1px red solid" });}
	if( $F('REGvoornaam').blank())	{  errorFlag = true; $('REGvoornaam').setStyle({ border: "1px red solid" });}
	if( $F('REGtelefoon').blank())	{  errorFlag = true; $('REGtelefoon').setStyle({ border: "1px red solid" });}
	if( $F('REGemail').blank())	{  errorFlag = true; $('REGemail').setStyle({ border: "1px red solid" });}
	if( $F('REGzone').blank())		{  errorFlag = true; $('REGzone').setStyle({ border: "1px red solid" });}
	if( $F('REGstam').blank())		{  errorFlag = true; $('REGstam').setStyle({ border: "1px red solid" });}
	if( $F('REGgraad').blank())	{  errorFlag = true; $('REGgraad').setStyle({ border: "1px red solid" });}
	if( $F('REGtelefoon').blank())	{  errorFlag = true; $('REGtelefoon').setStyle({ border: "1px red solid" });}
	if( $F('REGstraat').blank())	{  errorFlag = true; $('REGstraat').setStyle({ border: "1px red solid" });}
	if( $F('REGnr').blank())		{  errorFlag = true; $('REGnr').setStyle({ border: "1px red solid" });}
	if( $F('REGpostcode').blank())	{  errorFlag = true; $('REGpostcode').setStyle({ border: "1px red solid" });}
	if( $F('REGgemeente').blank())	{  errorFlag = true; $('REGgemeente').setStyle({ border: "1px red solid" });}
	
	if(errorFlag)
	{
		$('REGopmerking').update("<b>Gelieve alle velden in te vullen zodat wij u kunnen contacteren.</b><hr style='width:100%;margin-left:0px;'/>");	
	}else{
		url = (admin) ? "../" : "";	
		var lokFed = $$('input:checked[type="radio"][name="lokFed"]').pluck('value');
		
		new Ajax.Request(url + "ajax/registratie.php", 
		{
			method: "POST",
			parameters: { actie: "zend", naam: $F('REGnaam'), voornaam: $F('REGvoornaam'), telefoon: $F('REGtelefoon'), email: $F('REGemail'), zone: $F('REGzone'), graad: $F('REGgraad'),  stam: $F('REGstam'), lokFed: lokFed, nr: $F('REGnr'), straat: $F('REGstraat'), gemeente: $F('REGgemeente'), postcode: $F('REGpostcode'), vraag: $F('REGvraag') }, 
			onSuccess: function(transport) 
			{	
				if(transport.responseText != "1")
				{
					$('REGopmerking').update("Gelieve volgende velden juist in te vullen.");	
					$w(transport.responseText).each(function(name)
					{
						$(name).setStyle({ border: "1px red solid" });										 				 
					});
				}else{
					$('registerTable').remove();
					$('regForm').insert({ bottom : "<p style='text-align:center;font-size:1.1em;'><b>Uw gegevens zijn verzonden.<br/> Wij beantwoorden u zo spoedig mogelijk.</b></p><p style='text-align:center;'><button id='cancelReg'>close</button></p>"});	
					
					Event.observe('cancelReg', 'click', function(event) {  Effect.BlindUp('regForm', { duration: 1 }); });
				}
			}
		});
	}
}

function resetborders()
{
	$('REGnaam').setStyle({ border: "0px" });
	$('REGvoornaam').setStyle({ border: "0px" });
	$('REGtelefoon').setStyle({ border: "0px" });
	$('REGemail').setStyle({ border: "0px" });
	$('REGzone').setStyle({ border: "0px" });
	$('REGstam').setStyle({ border: "0px" });
	$('REGgraad').setStyle({ border: "0px" });
	$('REGtelefoon').setStyle({ border: "0px" });
	$('REGstraat').setStyle({ border: "0px" });
	$('REGnr').setStyle({ border: "0px" });
	$('REGpostcode').setStyle({ border: "0px" });
	$('REGgemeente').setStyle({ border: "0px" });
}

function checkLogin()
{
	var errorFlag = false;
	if(!( $F('username').blank() || $F('username').length < 6 || !$F('username').length > 12 )){ errorFlag = checkValue($F('username')); }else{ errorFlag = true; }
	if(!errorFlag){ if($F('password').length == 8)	{  errorFlag = checkValue($F('password')); }else{ errorFlag = true; } }
	
	if(!errorFlag)
	{
		new Ajax.Request("ajax/checkLogin.php", 
		{
			method: "POST",
			parameters: { username: $F('username'), password: $F('password') }, 
			onSuccess: function(transport) 
			{
				if(transport.responseText == 1)
				{
					$$('#sidebar div h4')[0].update("Ingelogd");
					$$('#sidebar div p')[0].update("U bent ingelogd, u kan via onderstaande link naar de beveiligde zone gaan: <a href='secure/downloads.php' class='link'>secured zone</a>");
				}else{
					$$('#sidebar div h4')[0].update("Fout bij het inloggen");
					$$('#sidebar div p')[0].update("<b>Deze inloggegevens zijn niet correct!</b><a href='#' onclick='reLogin();' class='link'>probeer opnieuw</a><a href='contact.php' class='link'>contacteer ons</a>");
				}
			}
		});
	}else{
		$$('#sidebar div h4')[0].update("Fout bij het inloggen");
		$$('#sidebar div p')[0].update("<b>Deze inloggegevens zijn niet correct!</b><a href='#' onclick='reLogin();' class='link'>probeer opnieuw</a><a href='contact.php' class='link'>contacteer ons</a>");
	}
}

function reLogin()
{
	$$('#sidebar div h4')[0].update("Account login");
	$$('#sidebar div p')[0].update("<input type='text' id='username' value='Account ID' size='17' maxlength='12'><input type='text' id='password' value='Password' size='17' maxlength='8'><button id='loginBtn'>Send</button>");

	Event.observe('username', 'focus', function(event) {  $('username').clear(); });
	Event.observe('password', 'focus', function(event) {  $('password').clear(); $('password').writeAttribute('maxlength','8'); });
	Event.observe('loginBtn', 'click', checkLogin);	
}



function checkValue(value)
{
	var alphaExp = /^[a-zA-Z0-9]+$/;
	if(value.match(alphaExp)){  return false;  }else{   return true;   }
}