this.idle = function(time){
	var i = $(this);
	i.queue(function(){
		setTimeout(function(){
			i.dequeue();
		}, time);
	});
};


this.enlabeautocomp = function (e) {
	$(e).attr('autocomplete', 'off')
}

$(document).ready(function(){
	enlabeautocomp('input#searchField')


	$("input#searchField").click(function(){
		$(this).val('');
	})
	
	$('#searchField').keyup(function(){
		var keyword = $(this).val()
		if( keyword.length < 2 ){
			$('div#autoComplete').remove()
			return false;
		}

		 
		$.getJSON('/search.php',{keyword:keyword},function(data){
		
		$('div#autoComplete').remove()
		
		$('form#searchForm').append('<div id="autoComplete">&nbsp;</div>')
		//idle(10000);
		var ct = '<table cellspacing="0" cellpadding="0"><tbody>'

		$.each(data, function(i,items){
			if( items.items.length ){
				ct += '<tr><th>' + items.category + '</th><td><ul>';
				$.each(items.items, function(j,item){
						if( item.img){
							ct += '<li class="' + items.classname + '"><a href="' + item.url + '"><span><img src="' + item.img + '" alt="' + item.title + '" /></span>' + item.title + '</a></li>'
						}
						else {
							ct += '<li class="' + items.classname + '"><a href="' + item.url + '">' + item.title + '</a></li>'
						}
					});
					
					ct += '</ul></td></tr>'
				}
		});
		ct += '<tr><th>&nbsp;</th><td><ul>';
		ct += '<li class="search"><a href="searchme.php?search=' + keyword + '">Rechercher ' + keyword + '</a></li>'
		ct += '</ul></td></tr>'
		
		ct += '</tbody></table>'
		
		$('div#autoComplete').html(ct);
	
				
		})
	})

})