$(document).ready(function(){

	
	// On affiche la liste des taches
	$.post("ajax/traitement.php",{action:"lister"},function(tab){
		for(var i = 0, lg = tab.length; i < lg; i++){
			switch(tab[i].priorite){
				case "1":
					var prio = "info";
					break;
				case "2":
					var prio = "warning";
					break;
				case "3":
					var prio = "error";
					break;
			}
			var div = '<div class="alert-message block-message '+prio+'"><b>'+tab[i].nom+'</b><ul class="pb"><li><b>Date début</b> - '+tab[i].date_debut+'</li><li><b>Problème</b> - '+tab[i].probleme+'</li></div>';
			$(".taches").append(div);
		}
	},"json");
	
	
	// Envoie du formulaire
	$("#form").submit(function(){
		
		var isOk = true;
		var titre = $("#titre").val();
		var prio = $("#prio").val();
		var desc = $("#desc").val();
		
		if(titre == ""){
			$("#titre").addClass("alert");
			isOk = false;
		}
		
		if(desc == ""){
			$("#desc").addClass("alert");
			isOk = false;
		}

		if(isOk){
			$.post("ajax/traitement.php",{action:"add",nom:titre,priorite:prio,description:desc},function(data){
				if(data == "ok"){
					$(".displayMsg").html("<div class=\"alert-message block-message success\"><b>Nouvelle tâche ajoutée.</b><div>");
					$.post("ajax/traitement.php",{action:"refresh"},function(tab){
						if(tab.err == "ok"){
							switch(tab.data.priorite){
								case "1":
									var prio = "info";
									break;
								case "2":
									var prio = "warning";
									break;
								case "3":
									var prio = "error";
									break;
							}
							var div = '<div class="alert-message block-message '+prio+'"><b>'+tab.data.nom+'</b><ul class="pb"><li><b>Date début</b> - '+tab.data.date_debut+'</li><li><b>Problème</b> - '+tab.data.probleme+'</li></div>';
							$(".taches:first").before(div);
						}
					},"json");
				}
			},"json");
		$("#form").reset();
		}
		return false;
	});
	
	
	// On cache le commentaire du problème
	$(".pb").hide();
	
	
	// Hover sur les taches
	$(".alert-message").hover(function(){
		$(this).append($("<span id=\"finir\"><b>x</a></b></span>"));
	},function(){
		$(this).find("span:last").remove();
	});
	
	
	// Affiche de la description
	$(".alert-message").click(function(){
		$(this).find(".pb").toggle(300);
	});
	
	
});