/* Script permettant de faire des recherches Ajax sur les options de recherches du Header */
$(document).ready(function(){
	autoCompOff("pattern");
	$("#pattern").keyup(function(e) {
		if (e.keyCode != 40 && e.keyCode != 38 && e.keyCode != 13) {
			if ($(this).val() != '') {
				$.getJSON("test_ajax.php", $('#search_album').serialize(), 
					function success(result) {
						var list = '';
						var active = -1;
						if (result.length != 0) {
							$.each(result, function(i,item){
								list += '<p title="'+item+'" >'+item+'</p>';
							});
							
							$('#suggestions').show();
							$('#autoSuggestionsList').html(list);
							var suggestion = $(".suggestionList p");
							$(".suggestionList p").click(function() {
									$("#pattern").val($(this).attr("title"));
									$("#suggestions").hide();
									$("#search_album").submit();
								});
							function moveSelect(step) {

									var lis = $(".suggestionList p");
									if (!lis) return;

									active += step;

									if (active < 0) {
										active = 0;
									} else if (active >= lis.size()) {
										active = lis.size() - 1;
									}

									lis.removeClass("ac_over");

									$(lis[active]).addClass("ac_over");

									// Weird behaviour in IE
									// if (lis[active] && lis[active].scrollIntoView) {
									// 	lis[active].scrollIntoView(false);
									// }

								};
							$("#pattern").keypress(function(e) {
									switch (e.keyCode) { 
										case 40: // flèche bas
											e.preventDefault();
											moveSelect(1);
											break; 
										case 38: // flèche haut
											e.preventDefault();
											moveSelect(-1);
											break;
										case 13:
											var li = $(".ac_over");
											$("#pattern").val(li.attr("title"));
											$("#suggestions").hide();
											$("#search_album").submit();
											break;

									} 
								});
							

						} else {
							$("#suggestions").hide();
						}
					}
				);
			} else {
				$("#suggestions").hide();
			}
		}
	});
});