$(document).ready(function(){
	$("select").change(function () {
		rechargePalmares();
	});
	setPalmares();
	rechargePalmares();
});

/**
 * Fonction servant à recharger dynamiquement (AJAX)
 * les resultats de la page palmares
 */
function rechargePalmares(){
	$('div[@id=bloc-palmares-enattente]').css({display:"block"});
	$('div[@id=bloc-palmares-ajax]').html('');
	//on get les valeurs des 3 selects
	var indiceSelected=$('select[@name=f_indice]').val();
	var typeSelected=$('select[@name=f_type]').val();
	var periodeSelected=$('select[@name=f_periode]').val();
	
	//on set les options de submit du formulaire_palmares
	var options_form = {
		beforeSubmit:	function(){},
		success: 		function(msg){
						$('div[@id=bloc-palmares-ajax]').html(msg);
						$('div[@id=bloc-palmares-enattente]').css({display:"none"});
					}		
	};
	
	//on appele AJAX avec les options
	$('form[@name=formulaire_palmares]').ajaxSubmit(options_form);
}

/**
 * Fonction servant à setter les select sur les valeurs passées en param
 */
function setPalmares(){
	
	var indice = $('input[@name=f_indice_hidden]').attr('value');
	var tri = $('input[@name=f_tri_hidden]').attr('value');
	var periode = $('input[@name=f_periode_hidden]').attr('value');
	
	var lesOptions = $('select[@name=f_indice]')[0].options;
	for(var i=0; i<lesOptions.length;i++){
		if (lesOptions[i].value == indice){
			lesOptions[i].selected = true;
		};
	};
	lesOptions = $('select[@name=f_type]')[0].options;
	for(var i=0; i<lesOptions.length;i++){
		if (lesOptions[i].value == tri){
			lesOptions[i].selected = true;
		};
	};
	lesOptions = $('select[@name=f_periode]')[0].options;
	for(var i=0; i<lesOptions.length;i++){
		if (lesOptions[i].value == periode){
			lesOptions[i].selected = true;
		};
	};
}