var $j = jQuery;

$j(function(){
	
	var empty_option = '<option value="">&nbsp;&nbsp;&nbsp;</option>'; // IE6 only <option> in <select>
	var selectCategorie = $j("#sidebar #sidebar_recherche select.categorie");
	var selectMarque = $j("#sidebar #sidebar_recherche select.marque");
	var selectModele = $j("#sidebar #sidebar_recherche select.modele");
	var submit = $j('#sidebar #sidebar_recherche input[type="submit"]');
	var nbAnnonces = $j("#sidebar #sidebar_recherche .nb_annonces");
	
	selectCategorie.change(function(){
		submit.removeAttr('disabled');
		selectMarque.css('visibility','hidden');	
		selectMarque.html(empty_option);
		selectModele.css('visibility','hidden');	
		selectModele.html(empty_option);
		nbAnnonces.html('<img src="/images/ajax-loader-252525-FFFFFF.gif" />');
		$j.getJSON("/marque/lister/format/json",{id_categorie: selectCategorie.val(), get: 'marques'}, function(j){
			var options = empty_option;
			for (var i = 0; i < j['marques'].length; i++) {
				options += '<option value="' + j['marques'][i].id + '">' + j['marques'][i].nom + '<\/option>';
			}
			selectMarque.html(options);
			$j("option:first", selectMarque).attr("selected","selected");
			selectMarque.css('visibility','visible');	
			if(j['marques'].length == 0){
				selectMarque.attr('disabled','disabled');
				selectModele.attr('disabled','disabled');
			}else{
				selectMarque.removeAttr('disabled');
				selectModele.removeAttr('disabled');
			}
			selectMarque.change();
		});
	});
	selectMarque.change(function(){
		submit.removeAttr('disabled');
		selectModele.css('visibility','hidden');	
		selectModele.html(empty_option);
		nbAnnonces.html('<img src="/images/ajax-loader-252525-FFFFFF.gif" />');
		$j.getJSON("/modele/lister/format/json",{id_categorie: selectCategorie.val(), id_marque: selectMarque.val(), get: 'modeles'}, function(j){
			var options = empty_option;
			for (var i = 0; i < j['modeles'].length; i++) {
				options += '<option value="' + j['modeles'][i].id + '">' + j['modeles'][i].nom + '<\/option>';
			}
			selectModele.html(options);
			$j("option:first", selectModele).attr("selected","selected");
			selectModele.css('visibility','visible');
			if(j['modeles'].length == 0){
				selectModele.attr('disabled','disabled');
			}else{
				selectModele.removeAttr('disabled');
			}
			selectModele.change();
		});
	});
	
	selectModele.change(function(){
		nbAnnonces.html('<img src="/images/ajax-loader-252525-FFFFFF.gif" />');
		$j.get("/annonces/nombre/",{id_categorie: selectCategorie.val(), id_marque: selectMarque.val(), id_modele: selectModele.val()}, function(nb_annonces){
			if(nb_annonces == 0){
				submit.attr('disabled','disabled');
			}else{
				submit.removeAttr('disabled');
			}
			var html = "";
			if(nb_annonces == 0){
				html += "Aucune annonce";
			}else if(nb_annonces == 1){
				html += nb_annonces + " annonce";
			}else{
				html += nb_annonces + " annonces";
			}
			
			nbAnnonces.html(html);
		});
	});
});