$(document).ready(function() {
	var checkUser = function (username) {
		//remove all the class add the messagebox classes and start fading
		$("#msgbox").removeClass().addClass('messagebox').text('Kontrola...').fadeIn("slow");
		var username = $('#username').val();
		$.post(
			"http://www.horror.cz/include/content/validateForm.php",
			{check: 'username', user: username},
			function(data) {
				if(data=='no') { //if username not avaiable
				  	$("#msgbox").fadeTo(200,0.1,function() { //start fading the messagebox
						//add message and change the class of the box and start fading
			  			$(this).html('Uživatelské jméno je obsazeno!').addClass('messageboxerror').fadeTo(900,1);
					});		
          		}
		  		else {
		  			$("#msgbox").fadeTo(200,0.1,function() {  //start fading the messagebox
			  			//add message and change the class of the box and start fading
			 		 	$(this).html('Uživatelské jméno lze použít!').addClass('messageboxok').fadeTo(900,1);	
					});
		  		}
			}			
		)
	}

	$("#username").blur(checkUser);

});