// JavaScript Document

$(document).ready(function() {
	
	$("#SearchCityField").click( function() { $("#SearchCityList").slideToggle(300); });
	$("#SearchRegions").change( function() {
		var regionID = $("#SearchRegions").val();
		if(regionID == "0"){
			$("#SearchCityDropDownDiv").slideToggle(150);
		}else{
			$.ajax({
				url: "/Shared/Ajax/loadCities.html?RegionID=" + regionID,
				dataType: "json",
				success: function(rows) {
					$("#SearchCity>option").remove();
					for(var i = 0; i < rows[0,0].length; i++){
						$("#SearchCity").append("<option value=\"" + rows[0][i] + "\">" + rows[1][i] + "</option>");
					}
				}
			});
			$("#SearchCityDropDownDiv").slideToggle(300);
		}
	});
	$("#SearchCity").change( function() {
		var cityID = $("#SearchCity").val();
		if(!cityID == 0){
			city = $("#SearchCity option:selected").text();
			$("#SearchCityField").html("<strong>" + city + "</strong>");
			$("#rSearchCity").val(city);
			$("#ClosestFlorists").load("/Shared/Ajax/ClosestFlorists.html?CityID=" + cityID + "&City=" + encodeURIComponent(city) + "&setCookies=true");
			$("#SearchCityList").slideToggle(150);
		}
	});
	
	$("#SearchCategoriesField").click( function() { setSearchCategoriesField() });
	$("#SearchCategoriesListClose").click( function() { setSearchCategoriesField() });
	
	$("#SearchPriceField").click( function() { setSearchPriceField() });
	$("#SearchPriceListClose").click( function() { setSearchPriceField() });
	
	$(".SearchList div").hover(
		function() { $(this).addClass("hover"); },
		function() { $(this).removeClass("hover"); }
	);
	$(".SearchList div").click( function() {
		if ($("input",this).is(":checkbox")) {
			if ($("input",this).is(":checked")) { $("input",this).removeAttr("checked"); }
			else { $("input",this).attr("checked", "checked"); }
		}
		else {
			$("input",this).attr("checked", "checked");
		}
	});
	
	$("#SearchButton").click( function() {
		if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
			theForm.action = "/RecherchePostBack.html";
			theForm.submit();
		}
	});
		
});



function setSearchCategoriesField() {
	var list = "&nbsp;";
	var listID = "";
	$("input[type=checkbox]").each( function () {
		if (this.checked) {
			list = list + this.title.replace(" ", "&nbsp;") + ",&nbsp;";
			listID = listID + this.value + ",";
		}
	});
	if (listID.length > 0) {
		$("#rSearchCategories").val(listID);
		$("#SearchCategoriesField").html("<strong>" + list + "</strong>");
	}
	else {
		$("#rSearchCategories").val("0,");
		$("#SearchCategoriesField").html("Choisir une cat&eacute;gorie");
	}
	$("#SearchCategoriesList").slideToggle(300);
}

function setSearchPriceField() {
	$("#SearchPriceFieldMin").html("De <strong>" + $("input[name='rMinPrice']:checked").val() + "$</strong>");
	$("#SearchPriceFieldMax").html("À <strong>" + $("input[name='rMaxPrice']:checked").val() + "$</strong>");
	$("#SearchPriceList").slideToggle(300);
}

function setFields() {
	//$("#rPrixMin").remove();
	//$("#rPrixMax").remove();
	//$("#SearchPriceContainer").append("<div id=\"SearchPriceField\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:100%;\"><tr><td id=\"SearchPriceFieldMin\" style=\"width:50%;\">De <strong>0.00 $</strong></td><td id=\"SearchPriceFieldMax\" style=\"width:50%;\">À <strong>100.00 $</strong></td></tr></table></div>");
	//$("#SearchPriceContainer").append("<div id=\"SearchPriceList\"><table cellpadding=\"4\" cellspacing=\"0\" border=\"0\" style=\"width:100%;\"><tr><td id=\"SearchPriceListMin\"></td><td id=\"SearchPriceListMax\"></td></tr></table><a href=\"#\" id=\"SearchPriceListClose\">choisir</a></div>");
	var PriceList = [];
	for (i=0;i<=10;i++) { PriceList[i] = i*10; }
	for (var i=0; i < PriceList.length; i++) {
		var rMinSelected;
		var rMaxSelected;
		if(i==0){ rMinSelected = " checked=\"checked\""; }
		else { rMinSelected = ""; }
		if(i==PriceList.length-1){ rMaxSelected = " checked=\"checked\""; }
		else { rMaxSelected = ""; }
		$("#SearchPriceListMin").append("<div><input type=\"radio\" name=\"rMinPrice\"" + rMinSelected + " value=\"" + PriceList[i].toFixed(2) + "\" />" + PriceList[i].toFixed(2) + " $</div>");
		$("#SearchPriceListMax").append("<div><input type=\"radio\" name=\"rMaxPrice\"" + rMaxSelected + " value=\"" + PriceList[i].toFixed(2) + "\" />" + PriceList[i].toFixed(2) + " $</div>");
	}
	for (var i=0; i < CategoriesList.length; i++) {
		$("#SearchCategoriesList").prepend("<div><input type=\"checkbox\" name=\"SearchCategories\" value=\"" + CategoriesList[i][0] + "\" title=\"" + CategoriesList[i][1] +"\" />" + CategoriesList[i][1] + "</div>");
	}
}