var searchTimer=null, currentSearch=null;
var searchAjax = function(){

	clearTimeout(searchTimer);
	searchTimer = setTimeout(function(){
		
		var t = $("#SearchChp"), val=t.val();
		if(val.length>=3 && val!=txtSearch && val!=currentSearch){
	
			currentSearch=val;
			t.next().css('visibility','visible');
			var site=(document.location.href.indexOf('mairie')>=0)?'mairie':'tourisme';
			$.get('ajax-search/q='+val+'&dmx_site='+site,function(e){
	
				t.next().css('visibility','hidden');
				showSearchPane(e);
	
			});
	
		}

	},850);

};
var closeSearchPane = function(){
	$("#BoxSearch").fadeOut(500,function(){ $(this).remove(); });
	currentSearch=null;
	$("#SearchChp").val(txtSearch);
};
var resizeSearchPane = function(){

	var tot=0;
	$("#BoxSearch .results").each(function(){ tot+=$(this).width(); });
	if(tot>50) $("#BoxSearch .noresult").width(tot);

	var w = $(window).width();
	var el = $("#SearchChp"), el2 = el.parent(), el3 = $("#BoxSearch");
	var off = el2.offset(), width = el2.width(), height = el2.height();

	var top = off.top + height + 9;
	var left = off.left;

	var right = w-(left+width);
	var left = left;
	
	if(right<left){
		el3.css({left:'auto',right:right});
	}else{
		el3.css({left:left,right:'auto'});
	}

	var off = el3.offset();
	var left = (left+(width/2))-off.left;
	$("#FlcSearch").css({right:'auto',left:left});

	var max=0; $("#BoxSearch .results").each(function(){ max=Math.max(max,$(this).height()); });
	$("#BoxSearch .results").height(max);


};
var showSearchPane = function(data){
	data=eval('('+data+')');

	$("#BoxSearch").remove();
	var el = $("#SearchChp"), off=el.offset();
	var top=off.top+el.height()+9, left=off.left+10;
	var html = '<div id="BoxSearch" style="top:'+top+'px;left:'+left+'px;">'+
						'<div class="header"><strong>Votre recherche :</strong> '+currentSearch+'</div>';

	var noData=new Array();
	var allRes=""; nbtot=0;
	var site=(document.location.href.indexOf('mairie')>=0)?'mairie':'tourisme';

	// LISTE DES ARTICLES
	var title = "Articles"; 
	var mydata=data.dataArticles; nb=mydata.length; nbtot+=nb;
	if(nb==0) noData[noData.length]=title;
	else{
		html+='<div class="results">'+
					'<strong class="title">'+title+'</strong>'+
					'<div class="listline">';
	}
	for(i=0;i<nb;i++){
		var d = mydata[i];
		html+='<div class="line">&bull; <a href="'+d.lien+'">'+d.titre+'</a></div>';
	}
	if(nb>0){ 
		allRes+='<div class="plus"><a href="search.php?q='+escape(data.search)+'&dmx_site='+site+'">Voir tous les résultats : ('+data.nbArticles+') &raquo;</a></div>';
		html+='</div></div>';
	}



	// LISTE DES DOWNLOADS
	var title = "Téléchargements";
	var mydata=data.dataDownload; nb=mydata.length; nbtot+=nb;
	if(nb==0) noData[noData.length]=title;
	else{
		html+='<div class="results">'+
					'<strong class="title">'+title+'</strong>'+
					'<div class="listline">';
	}
	for(i=0;i<nb;i++){
		var d = mydata[i];
		html+='<div class="line">&bull; <a href="'+d.lien+'">'+d.titre+'</a> ('+d.ext+' - '+d.poids+')</div>';
	}
	if(nb>0){ 
		allRes+='<div class="plus"><a href="'+site+'-download.php?q='+escape(data.search)+'">Voir tous les résultats : ('+data.nbDownload+') &raquo;</a></div>';
		html+='</div></div>';
	}



	// LISTE DES PHOTOS
	var title = "Photos";
	var mydata=data.dataGallery; nb=mydata.length; nbtot+=nb;
	if(nb==0) noData[noData.length]=title;
	else{
		html+='<div class="results">'+
					'<strong class="title">'+title+'</strong>'+
					'<div class="listline">';
	}
	for(i=0;i<nb;i++){
		var d = mydata[i];
		html+='<div class="photo"><a href="'+d.lien+'"><img src="'+d.photo+'" alt="'+d.titre+'" width="60" /></a></div>';
	}
	if(nb>0){ 
		allRes+='<div class="plus"><a href="'+site+'-gallery.php?q='+escape(data.search)+'">Voir tous les résultats : ('+data.nbGallery+') &raquo;</a></div>';
		html+='</div></div>';
	}


	if(nbtot>0) html+='<br style="clear:both" />';
	html+=allRes;
	if(allRes!='') html+='<br style="clear:both" />';

	if(noData.length>0){
		html+='<div class="noresult"><strong>Aucun résultat n\'a été trouvé dans les rubriques suivantes: </strong>'+noData.join(", ")+'</div>';
	}
	

	html+='<a href="javascript:closeSearchPane()" class="close"><img src="images/close.png" alt="Fermer" /></a>'+
				'<img src="images/search-flc.gif" alt="" id="FlcSearch" />'+
				'</div>';
	$("body").append(html);
	resizeSearchPane();
};
$(function(){
	var el = $("#SearchForm");
	el.bind('submit',function(){ return false; });

	$(document).keyup(function(e){ if(e===null) e=window.event; if(e.keyCode) code=e.keyCode; else if(e.which) code = e.which;if( code == 27 ) closeSearchPane();	});

	var html = '<div style="background:#fff;height:20px;width:185px;">'+
		'<img src="images/search-icon.gif" alt="Recherche" style="position:relative;top:3px;float:left;margin:0 3px" />'+
		'<input id="SearchChp" type="text" value="'+txtSearch+'" style="position:relative;top:2px;float:left;width:140px;height:18px;line-height:20px;padding:0;margin:0;border:0;" />'+
		'<img src="images/search-load.gif" alt="Chargement en cours..." style="position:relative;top:1px;float:left;margin:0 3px 0 5px;visibility:hidden;" />'+
		'<br style="clear:both" />'+
		'</div>';
	el.html(html);
	var el2 = $("#SearchChp");
	el2.focus(function(){ if( $(this).val()==txtSearch ) $(this).val(""); })
		.blur(function(){ if( $(this).val()=="" ) $(this).val(txtSearch); })
		.keyup(searchAjax);
});