$(document).ready(function() {
	$(".filterplacetype").click(function() {
		var filterplacetype;
		if($(this).attr("checked"))
			filterplacetype = $(this).val();
		else
			filterplacetype = (0-($(this).val()));
		//alert("Ajax/getfilteredplacesfromplacetypes.php?placetype="+filterplacetype);
		$("#placeslist").html("<img alt='Chargement...' src='"+FRONT_URL+"img/load.gif'/>");
		$.getJSON(FRONT_URL+"Ajax/getfilteredplacesfromplacetypes.php?placetype="+filterplacetype, updatePlacesList);
	});
	
	$("#filtercity").keyup(function() {
		if($(this).val().length > 0)
		{
			$("#citieslist").html("Chargement...");
			$.getJSON(FRONT_URL+"Ajax/searchcities.php?city="+$(this).val(), updateCitiesList);
		}
		else
			$("#citieslist").html("Saisissez les premi&egrave;res lettres d'un nom de ville ou d'&icirc;le puis faites votre s&eacute;lection parmis les r&eacute;sultats");
	}).focusin(function() {
		var searchBoxPos = $("#filtercity").offset();
		$("#citieslist").css("left", searchBoxPos.left).css("top", searchBoxPos.top + 25).show();
	}).focusout(function() {
		if($("#filtercity").val() == $("#filtercity").attr("default")) $("#citieslist").hide();
	});
});
			
function updatePlacesList(placesJSON)
{
	placesListHTML = "";
	$("#placenumber").html(placesJSON.length + " lieux");
	jQuery.each(placesJSON, function(i, item) {
		placesListHTML += "<div class='placelistitem'>";
		placesListHTML += "<table class='placelistitemtab'><tr><td rowspan='2' style='width:80px;'>";
		if(item.MainPhotoUrl != null)
			placesListHTML += "<img class='placelistphoto' src='"+FRONT_URL+"photo/place/"+item.PlaceID+"/"+item.MainPhotoUrl+"'/>";
		else
			placesListHTML += "<img class='placelistphoto' src='"+FRONT_URL+"photo/place/default.gif'/>";
		placesListHTML += "</td><td>";
		placesListHTML += "<table class='placelisttab'>";
		placesListHTML += "<tr>";
		if(item.Mark != null)
			placesListHTML += "<td><img src='img/star_"+item.Mark+".gif'/></td>";
		placesListHTML += "<td><a href='"+FRONT_URL+"decouverte/"+item.CountryNameUrl+"/place/"+item.City+"-"+item.CityNameUrl+"/"+item.PlaceID+"-"+item.NameUrl+"'>"+item.Name+"</a>, "+item.CityName+"</td>";
		placesListHTML += "</tr>";
		placesListHTML += "</table>";
		placesListHTML += "</td><td>";
		placesListHTML += "<div class='placelisttype'>"+item.PlaceTypeLabel+"</div>";
		placesListHTML += "</td></tr><tr><td colspan='2'>";
		placesListHTML += "<div class='placelistdescription'>"+item.Description+".<br/><a href='"+FRONT_URL+"decouverte/"+item.CountryNameUrl+"/place/"+item.City+"-"+item.CityNameUrl+"/"+item.PlaceID+"-"+item.NameUrl+"'>lire la suite...</a>";
		if(!item.InRoadTrip)
			placesListHTML += " | <a id='roadtripaddlink"+item.PlaceID+"' class='icon-add' href=\"javascript:addPlaceToRoadTrip('"+item.PlaceID+"');\">ajouter &agrave; mon circuit</a><a style='display:none' id='roadtripdeletelink"+item.PlaceID+"' class='icon-remove' href=\"javascript:removePlaceFromRoadTrip('"+item.PlaceID+"');\">supprimer de mon circuit</a></div>";
		else
			placesListHTML += " | <a style='display:none' id='roadtripaddlink"+item.PlaceID+"' class='icon-add' href=\"javascript:addPlaceToRoadTrip('"+item.PlaceID+"');\">ajouter &agrave; mon circuit</a><a id='roadtripdeletelink"+item.PlaceID+"' class='icon-remove' href=\"javascript:removePlaceFromRoadTrip('"+item.PlaceID+"');\">supprimer de mon circuit</a></div>";
		placesListHTML += "	</td></tr></table>";
		placesListHTML += "</div>\n";
	});
	if(placesListHTML == "")
		placesListHTML = "Aucun r&eacute;sultat";
	$("#placeslist").html(placesListHTML);
}
			
function filterCity(cityId, cityName)
{
	if(cityId > -1)
	{
		$("#activefiltercity").html("Filtre actif : "+cityName+" | <a href='javascript:void(0)' onClick='filterCity(-1,\"\")'>Supprimer</a>");
		$("#activefiltercitytd").html(cityName+" | <a href='javascript:void(0)' onClick='filterCity(-1,\"\")'>Supprimer</a>");
	}
	else
	{
		$("#activefiltercity").html("Pas de filtre sur un nom de ville ou d'&icirc;le");
		$("#activefiltercitytd").html("Pas de filtre sur un nom de ville ou d'&icirc;le");
	}
	$("#placeslist").html("<img alt='Chargement...' src='"+FRONT_URL+"img/load.gif'/>");
	$.getJSON(FRONT_URL+"Ajax/getfilteredplacesfromcities.php?city="+cityId, updatePlacesList);
	$("#citieslist").hide();
}
			
function sortPlaces(sortBy)
{
	$("#placeslist").html("<img alt='Chargement...' src='"+FRONT_URL+"img/load.gif'/>");
	$.getJSON(FRONT_URL+"Ajax/getsortedplaces.php?sort="+sortBy, updatePlacesList);
}
			
function updateCitiesList(citiesJSON)
{
	citiesListHTML = "";
	jQuery.each(citiesJSON, function(i, item) {
		citiesListHTML += "<a id='filtercity"+item.CityID+"' class='filtercity' value='"+item.CityID+"' href='javascript:void(0)' onClick='filterCity("+item.CityID+",\""+item.Name+"\")'>"+item.Name+"</a> ";
	});
	if(citiesListHTML == "")
		$("#citieslist").html("Aucune ville ou &icirc;le ne correspond &agrave; votre recherche");
	else
		$("#citieslist").html("<a class='closecitieslist' href='javascript:void(0)' onClick='closeCitiesList();'>fermer</a>" + citiesListHTML);
}
			
function closeCitiesList()
{
	$("#citieslist").hide();
}