var cleared = false;
var originaltext = '';
var originalclass = '';

$(document).ready(function() {
    $('#zipcode').keyup(function(){
    	if($(this).attr('value').length > 3)	{
    		var updatedata = "zc="+$(this).attr('value');
    	    $.ajax({
    			type: "POST",
    			url: "/search_zc.php",
    			data: updatedata,
    		   	success: function(msg){
    		   		$("#city").attr('value', msg);
    		    },
    		   	error: function (XMLHttpRequest, textStatus, errorThrown) {
    				alert('U heeft een ongeldige postcode ingevoerd');
    				$("#zipcode").attr('value', '');
    			}
    		});
    	}
    });

    $(".searchclear").click(function(){

		if(cleared == false)
		{
			originaltext = $(this).attr('value');
			originalclass = $(this).attr('class');
			var newclass = originalclass+' searchclear searchfield'
			$(this).attr('class', newclass);
			$(this).attr('value', '');
			cleared = true;
		}
	});

	$(".searchclear").one('focus', function(){

		if(cleared == false)
		{
			originaltext = $(this).attr('value');
			originalclass = $(this).attr('class');
			var newclass = originalclass+' searchclear searchfield'
			$(this).attr('class', newclass);
			$(this).attr('value', '');
			cleared = true;
		}
	});


	$(".searchclear").blur(function(){

		if($(this).attr('value') == undefined | $(this).attr('value') == '')
		{
			$(this).attr('class', originalclass);
			$(this).attr('value', originaltext);
			cleared = false;
		}
	});


});