$(document).ready(initAll);


function initAll() {
	$(".validate").each(function(i) {
		$(this).attr({id: "field"+i});
		$(this).after("<span id='"+$(this).attr("id")+"_status' class='fieldstatus'></span>");
		$(this).blur(function () {
         $('#'+$(this).attr("id")+'_status').html("<img src='/img/ajax-loader.gif'>");
         validate(this);
    });
	});
  return false;
 }


function validate(source) {
	$.ajax({
		url: "/calendar/validate.php",
   	data: "AJAXValidate=1" + "&" + $(source).attr("name") + "=" + $(source).val(),
   	dataType: "xml",
   	success: function(data, textStatus) {
	    $("#"+$(source).attr("id")).removeClass("validate");
	    if ($(data).find("status").text()=="OK") {
	    	$("#"+$(source).attr("id")+'_status').html("<img src='/img/OK_10px.png'>" + $(data).find("message").text());
	    	$("#"+$(source).attr("id")).addClass("valid");
	    	$("#"+$(source).attr("id")).removeClass("invalid");
	    	} else {
	    	$("#"+$(source).attr("id")+'_status').html("<img src='/img/notOK_10px.png'>" + $(data).find("message").text());
	    	$("#"+$(source).attr("id")).addClass("invalid");
	    	$("#"+$(source).attr("id")).removeClass("valid");
	    }
	    //$("#"+$(source).attr("id")+"_status").text($(data).find("message").text());
	    
	  }
 	});
	return false;
}