$(function() {
	
	
});

/*---------------------------------------------------*/
/*------------------Search Function------------------*/
/*---------------------------------------------------*/
//onclick="clickclear(this, 'Typ hier uw zoekwoord')" 
function clickclear(thisfield, defaulttext) {
	if (thisfield.value == defaulttext) {
		thisfield.value = "";
		this.css('color', '#000000');
	}
}

//onblur="clickrecall(this,'Typ hier uw zoekwoord')"
function clickrecall(thisfield, defaulttext) {
	if (thisfield.value == "") {
		thisfield.value = defaulttext;
		this.css('color', '#aaaaaa');
	}
}

$(function(){
	$('input.numbers1').css('color', '#aaaaaa');
	$('input.numbers1').click(function(){
		clickclear(this, 'xxx');
	});
	$('input.numbers1').blur(function(){
		clickrecall(this,'xxx');
	});
	
	$('input.numbers1:text').typing({
		start: function (event, $elem) {
	    	
	    },
	    stop: function (event, $elem) {
	        if(isNaN($('input.numbers1').val())) {
	        	$('input.numbers1').css('color', '#f73c17');
	        } else if($('input.numbers1').val().length == 3) {
	        	$('input.numbers1').css('color', '#009d00');
	        } else if($('input.numbers1').val().length == 1 || $('input.numbers1').val().length == 2) {
	        	$('input.numbers1').css('color', '#000000');
	        } else if($('input.numbers1').val().length == 0) {
	        	$('input.numbers1').css('color', '#aaaaaa');
	        }
	    },
	    delay: 400
	});
	
	$('input.numbers2').css('color', '#aaaaaa');
	$('input.numbers2').click(function(){
		clickclear(this, 'xxx');
	});
	$('input.numbers2').blur(function(){
		clickrecall(this,'xxx');
	});
	
	$('input.numbers2:text').typing({
		start: function (event, $elem) {
	    	
	    },
	    stop: function (event, $elem) {
	        if(isNaN($('input.numbers2').val())) {
	        	$('input.numbers2').css('color', '#f73c17');
	        } else if($('input.numbers2').val().length == 3) {
	        	$('input.numbers2').css('color', '#009d00');
	        } else if($('input.numbers2').val().length == 1 || $('input.numbers2').val().length == 2) {
	        	$('input.numbers2').css('color', '#000000');
	        } else if($('input.numbers2').val().length == 0) {
	        	$('input.numbers2').css('color', '#aaaaaa');
	        }
	    },
	    delay: 400
	});
	
	$('#loginform').submit(function() {
		if($('input.numbers1').val().length == 3 && !isNaN($('input.numbers1').val()) && $('input.numbers2').val().length == 3 && !isNaN($('input.numbers2').val())) {
			//alert('ok');
			return true;
		} else {
			alert('De velden zijn onjuist ingevuld! Controleer of allebei de velden 3 cijfers bevatten.');
			return false;
		}
		
	});
	
	if(getURLParameter('status') == 'onjuistwachtwoord') {
		alert('De cijfers die u heeft ingevuld zijn onjuist! Controleer of het wachtwoord begint met EU/1/03 en vul de laatste 6 cijfers in.');
	}
	
});

function getURLParameter(name) {
    return unescape(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
}


