var level_site=0;
var level_site_max=0;
var status_site=1;

function charge_sites() {

	//alert("commence le chargement");
	//var saisietest=$('#sites').val();
	//alert(saisietest);

	$.ajax({
  		type: "POST",
   		url: "sites.php",
   		data: "saisie="+$('#sites').val(),
   		dataType: "xml",
   		success: function(data){
     	
			create_suggest(data);
   		}
	});
}

function effacer_tab() {

	$("#bloc_suggest_sites").empty();
	status_site=1;
}

function create_suggest(result_xml) {
	
	$("#bloc_suggest_sites").empty();

	//alert("Crée les suggestions");

	//effacer_tab();

	//alert(result_xml);
	level_site_max=0;
	$(result_xml).find('mot').each( function(){
		var id_site = $(this).attr('id_site');
		var level = $(this).attr('level_site');
		var nom = $(this).text();
		$("#bloc_suggest_sites").append("<div id_site='"+id_site+"' level_site='"+level+"' class='suggested_site'>"+nom+"</div>");
		level_site_max++;
	} );
		
	$(".suggested_site").click(function(){
		level_site=$(this).attr('level_site');
		maj_selection();
		valid_form();
		//level_site=$(this).attr('level');
		//$('#sites').val($(this).text());
		//$("#bloc_suggest_sites").empty();
	})
	
	$(".suggested_site").hover(function(){
		//ne change pas le level du site -> click
	 	//change le texte
	 	var selected_site=$(".suggested_site[level_site="+$(this).attr('level_site')+"]").text();
		$("#sites").val(selected_site);
		
		//change la classe
	 	$(".suggested_site").removeClass("highlight_suggested_site"); // Evite la double sélection (souris/clavier)
	 	$(this).addClass("highlight_suggested_site");

    },function(){
		$(this).removeClass("highlight_suggested_site");
		
   	});
   	
   	// Sélectionne le premier résultat
   	//$('#sites').val($(".suggested_site:first").text());
	$(".suggested_site:first").addClass("highlight_suggested_site");
	level_site=1
	
	$("#bloc_suggest_sites").mouseleave(function(){ // Rétabli la sélection par défaut
	 	$("[level_site="+level_site+"]").addClass("highlight_suggested_site");
	 	var selected_site=$(".suggested_site[level_site="+level_site+"]").text();
		$("#sites").val(selected_site);
	 	
   	});

	
	maj_selection();
}

function maj_selection_arrow() {

	var id_site=$("[level_site="+level_site+"]").attr('id_site');
	$("#id_site").val(id_site);
	
	var selected_site=$(".suggested_site[level_site="+level_site+"]").text();
	$("#sites").val(selected_site);


	$(".suggested_site").removeClass("highlight_suggested_site"); // Evite la double sélection (souris/clavier)
	$(".suggested_site[level_site="+level_site+"]").addClass("highlight_suggested_site");

}

function maj_selection() {

	var id_site=$("[level_site="+level_site+"]").attr('id_site');

	$("#id_site").val(id_site);
}


   
function keyup_switch_engine(e) {
	//var touche=e.keyCode;
	var touche = (e.keyCode ? e.keyCode : e.which);
	
	status_site=0;
				
	switch(touche) {
	
		//case 8 : // Effacer
		//	break;
		
		case 13 :   // ENTRER
			//$("#bloc_suggest_sites").html("<div>"+touche+" - Valider</div>");			
			valid_form();	
			break;
		
		case 38 :
			//alert("haut");
			if(level_site>1) {
				level_site--;
				maj_selection_arrow();
				//var pos_c=$["#sites"].val().length;
				//$["#sites"].setSelectionRange(pos_c, pos_c);
			}				
			break;
		
		case 40 :
			//alert("bas");
			//$("#bloc_suggest_sites").html("<div>"+touche+" - Bas</div>");
			if(level_site<level_site_max) {
				level_site++;
				maj_selection_arrow();
			}
			break;
		
		case 37 : // gauche
			break;
	
		case 39 : // droite
			break;
	
		default :
			if($('#sites').length>0) {
				//lit_mots();
				//$("#bloc_suggest_sites").html("<div>"+touche+" - Completion</div>");
				charge_sites();
			}
			else {
				$("#bloc_suggest_sites").html("<div>"+touche+" - Effacer</div>");
				//effacer_tab();
			}
			break;
	}	 
}