var inputOu=null;
var inputQuoi=null;
var inputDistance=null;
var inputAutoGeo=null;
var geo=null;

$().ready(function() 
{
	
 /*pour l'autocompletion/*
	$("#quoi").autocomplete('index.php?action=ajax&type=quoi',{});
			
	$("#ou").autocomplete('index.php?action=ajax&type=ou',
										{minChars: 1,
										max: 6,
										delay:100,
										cacheLength:20,
										selectFirst:false,
										formatItem:function(row,position,length){return row[0] + " (" + row[1] + ")";},
										formatResult:function(row){return return row[0] +row[1];}
										}
	);
	*/
////////////////////////supprimer le contenu des champs ou et quoi au premier focus///////////////////////////
	inputQuoi=$('#quoi');
	inputQuoi.bind('focus',deleteQuoi);
	function deleteQuoi()	{
		inputQuoi.val('');
		inputQuoi.unbind('focus',deleteQuoi);
	}
	//$('#ou').bind('focus',function(evt){if (firstOu){$(evt.target).val('');firstOu=false;}});
	inputOu=$('#ou');
	inputOu.bind('focus',deleteOu);
	function deleteOu(){
		inputOu.val('');
		inputOu.unbind('focus',deleteOu);
	}
	
/////////////////modifier la visibilité du champs de modification du rayon//////////////////////////////////
	inputDistance=$('#distance');
	
	function changeVisibility(){		
		if (inputDistance.css('display')=='inline'){
//alert('inpuVisible donc on cache linput');
			inputDistance.css('display','none');
			$('#text-rayon').css('display','inline');
//alert(inputDistance.val());
			$('#text-rayon').html(inputDistance.val());
			//$('.change-rayon').html('modifier');
		}
		else{
//alert('inpuNonVisible donc on active l input');
			inputDistance.css('display','inline');
			$('#text-rayon').css('display','none');
			//$('.change-rayon').html('');
		}		
	}
	
	//
	$('#rayon').append('[<a class="change-rayon">modifier</a>]');
	$('.change-rayon').bind('click',changeVisibility);
	inputDistance.css('display','none');
	$('#text-rayon').html(inputDistance.val());
	//$('.change-rayon').click();
	//changeVisibility();
	

	function getGeolocation()
	{
		var geo=null;	
		try		{		
			geo=navigator.geolocation;
		}
		catch(err){}	
		
		if(!geo){
			try	{
				geo = google.gears.factory.create('beta.geolocation');		
			}
			catch(err){}			
		}
		return geo;
	}
	
	function rechercher()
	{
		if (inputAutoGeo.attr('checked')){
			geo.getCurrentPosition(displayLocation, displayError);
			return false;
		}
		else{
			return true;
		}
	}
	function displayLocation(position) 
	{
		var c=position.coords;
		$('#latitude').val(c.latitude);
		$('#longitude').val(c.longitude);
		$('#search').submit();
	}
	function displayError(error) 
	{
		alert('geolocalisation impossible: '+error.message);
	}
	function checkGeoloc()
	{
		if (inputAutoGeo.attr('checked')){
			inputOu.attr('disabled',true);
		}
		else{
			inputOu.removeAttr('disabled');
		}
	}
	geo=getGeolocation();
//alert(geo);
	if (geo)
	{	
		$('#check-geoloc').append('<label><input type="checkbox" name="submitGeoloc" id="submitGeoloc" value=""   />autour de moi</label>');
		inputAutoGeo=$('#submitGeoloc');
		inputAutoGeo.bind('click',checkGeoloc);
		//NB la geolocalisation se fait sur le click du bouton et non ŕ la soumission du formulaire sinon risque de boucle infernale 
		//soumission->geoloc->blocage soumission->callbackGeoloc->soumission->geoloc->blocage soumission,etc...
		$('#submit').bind('click',rechercher);
	}
})