var $j = jQuery;

$j(function(){
	var empty_option = '<option value="">&nbsp;&nbsp;&nbsp;</option>'; // IE6 only <option> in <select>
	var selectCategorie = $j("#sidebar #sidebar_depot select.categorie");
	var selectMarque = $j("#sidebar #sidebar_depot select.marque");
	var selectModele = $j("#sidebar #sidebar_depot select.modele");
	
	selectCategorie.change(function(){
		selectMarque.css('visibility','hidden');	
		selectMarque.html(empty_option);
		selectModele.css('visibility','hidden');	
		selectModele.html(empty_option);
		$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(){
		selectModele.css('visibility','hidden');	
		selectModele.html(empty_option);
		$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();
		});
	});
});