// JavaScript Document
// provides cross-browser focusin and focusout events
// IE has native support, in other browsers, use event caputuring (neither bubbles)

// provides delegate(type: String, delegate: Selector, handler: Callback) plugin for easier event delegation
// handler is only called when $(event.target).is(delegate), in the scope of the jquery-object for event.target 

// provides triggerEvent(type: String, target: Element) to trigger delegated events
;(function($) {
	$.each({
		focus: 'focusin',
		blur: 'focusout'	
	}, function( original, fix ){
		$.event.special[fix] = {
			setup:function() {
				if ( $.browser.msie ) return false;
				this.addEventListener( original, $.event.special[fix].handler, true );
			},
			teardown:function() {
				if ( $.browser.msie ) return false;
				this.removeEventListener( original,
				$.event.special[fix].handler, true );
			},
			handler: function(e) {
				arguments[0] = $.event.fix(e);
				arguments[0].type = fix;
				return $.event.handle.apply(this, arguments);
			}
		};
	});
})(jQuery);

$(document).ready(function()
{
	$("#userName").focus(function()
	{
		if($(this).val()=='gebruikersnaam')
			$(this).val('');
	});
	$("#userName").blur(function()
	{
		if($(this).val()=='')
			$(this).val('gebruikersnaam');
	});
	$("#userPassword").focus(function()
	{
		if($(this).val()=='wachtwoord')
			$(this).val('');
	});
	$("#userPassword").blur(function()
	{
		if($(this).val()=='')
			$(this).val('wachtwoord');
	});
	//var emailRegExp = /^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/;
	var emailRegExp = /^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
	$("#frmLogin").submit(function()
	{
		var flag = 0;
		if($("#userName").val()=='' || $("#userName").val()=='gebruikersnaam')
		{
			$("#spanUserValid").remove();
			$("#spanUserInvalid").remove();
			$("#userName").after("<span id='spanUserInvalid'><label class='lblClassError'>User name cannot be blank</label></span>");
			$(".lblClassError").fadeTo(0,0.1).fadeTo(500, 0.8);

			flag = 1;
		}
		else
		{
			$("#spanUserValid").remove();
			$("#spanUserInvalid").remove();
			$("#userName").after("<span id='spanUserValid'></span>");
		}
		if($("#userPassword").val()=='' || $("#userPassword").val()=='wachtwoord')
		{
			$("#spanPasswordValid").remove();
			$("#spanPasswordInValid").remove();
			$("#userPassword").after("<span id='spanPasswordInValid'><label class='lblClassError2'>Password cannot be blank</label></span>");
			$(".lblClassError2").fadeTo(0,0.1).fadeTo(500, 0.8);
			flag = 1;
		}
		else
		{
			$("#spanPasswordValid").remove();
			$("#spanPasswordInValid").remove();
			$("#userPassword").after("<span id='spanPasswordValid'></span>");
		}
		if(flag==1)
			return false;
	});
	$("#userName").keyup(function(event)
	{
		var key = event.charCode ? event.charCode : event.keyCode;
		if(key!=9 && key!=16 && key!=17)
		{
			if($("#userName").val()=='' || $("#userName").val()=='gebruikersnaam')
			{
				$("#spanUserValid").remove();
				$("#spanUserInvalid").remove();
				$("#userName").after("<span id='spanUserInvalid'><label class='lblClassError'>User name cannot be blank</label></span>");
				$(".lblClassError").fadeTo(0,0.1).fadeTo(500, 0.8);
				
			}
			else
			{
				$("#spanUserValid").remove();
				$("#spanUserInvalid").remove();
				$("#userName").after("<span id='spanUserValid'></span>");
			}
		}
	});
	$("#userPassword").keyup(function(event)
	{
		var key = event.charCode ? event.charCode : event.keyCode;
		if(key!=9 && key!=16 && key!=17)
		{
			if($("#userPassword").val()=='' || $("#userPassword").val()=='wachtwoord')
			{
				$("#spanPasswordValid").remove();
				$("#spanPasswordInValid").remove();
				$("#userPassword").after("<span id='spanPasswordInValid'><label class='lblClassError2'>Password cannot be blank</label></span>");
				$(".lblClassError2").fadeTo(0,0.1).fadeTo(500, 0.8);
			}
			else
			{
				$("#spanPasswordValid").remove();
				$("#spanPasswordInValid").remove();
				$("#userPassword").after("<span id='spanPasswordValid'></span>");
			}
		}
	});
});