var tab_id_magasin = new Array();
var TheidStation = 0;
var idMagasin = "non";
var lien_externe = "groupe";
	
	function choixStation(id_station, nom){
		$("#liste_stations:visible").myHide();
		$('#id_station').val(id_station);
		$('#search_station').val(nom);
		
		afficheMagasin(id_station);
		TheidStation = id_station;
		$('#mapmap:hidden').slideDown();
                initLoaderMap();
		
		
	}
	
function afficheMagasin(id_station){
	$("select#id_magasin option").remove();
	
	for (var i=0; i<tab_id_magasin.length; i++){
		if (i==0 || tab_id_magasin[i].id_station == id_station){
			$("select#id_magasin").append('<option value="'+tab_id_magasin[i].id_magasin+'">'+tab_id_magasin[i].nom+'</option>');
		}
	}

}
	
	
// script pour masquer le calendrier quand on clique � l'exterieur
var lien = 0;
$(document).ready(function() {
		
		
		
		// cache le calendrier si on clique ? l'exterieur du calendrier
		$(document.body).click(function(event) {
	   		target = $(event.target);
			if(target.attr("id")!='calendar' && target.attr("id")!='lien_calendar' && target.parents("#calendar").length ==0){
				$("#calendar").hide("normal");
				/*$("#id_duree_reservation").css("display","block");*/
			}
			
		});	
		// click sur l'input qui permet de chercher des stations
		$("#search_station").click( function() { 
					if ($("#id_station").val() == 0){
						this.value= '';
					}
				} 
		);
	
		// auto compl?tion apres saisi dans le champs input de recherche de station
		$("#search_station").keyup( function() {
					if (this.value.length==0){
						$("#liste_stations").myHide();						
					}
					else{								
						$("#liste_stations li").hide();						
						listeElem = $("#liste_stations li").filter(':contains-ic('+this.value+')');
						//listeElem = $("#liste_stations li").filter(':contains(AV)');						
						listeElem.show();
						if (listeElem.length == 0 ){
							// il n'y pas de resultats
							if ($("#liste_stations").is(":visible")){
								$("#liste_stations").myHide();								
							}
						}
						else{
							if ($("#liste_stations").is(":hidden")){
								$("#liste_stations").mySlideDown();
							}
						} // fin du else if (listeElem.length == 0 ){
					}// fin du else if (this.value.length==0){
				} 
			);
	
		
		// on copie tous les �l�ments du select id_magasin dans un tableau
		  
		  $("select#id_magasin option").each(function(i){
		  tab_id_magasin[i] = {
			 			"id_magasin"  : this.value,
 						"id_station" : $(this).attr('id_station'),
 						"nom" : this.text  };
		 });
		// alert(dump(tab_id_magasin));
		if ($('input#id_station').val() > 0){
			afficheMagasin($('input#id_station').val());
		}
		
		
		// -- example --
		$('.example').each(function(){
			var val = trim($(this).attr('value'));
			
			if (val!=''){
				
				$(this).removeClass('example');
			}	
		});
		$('.example').example(function() {
			  return $(this).attr('title');
		});
		 // ----------------------------
		 $.fn.myHide = function(){
		 
			 if ($.browser.msie && $.browser.version.substr(0,1)<7){
					 $('form select').show();
			}
			$(this).hide();
		 }
		// ----------------------------
		 $.fn.mySlideDown = function(){
			 
			 if ($.browser.msie && $.browser.version.substr(0,1)<7){
				
				 $('form select').hide();
			}
			$(this).slideDown();
		 }
		 // ----------------------------------
		 // calendar
		 var calendar = function(){
			
			 id_station = $('#id_station').val();
			 id_magasin = $('#id_magasin').val();
			 date_debut='';
			 if (arguments.length>0){
				 t = typeof arguments[0];
				 if (t == 'string') { 
					 date_debut = arguments[0];
				 }
				
			 }
			 if (date_debut==''){
				 date_debut = $(this).val();
			}
			 
			 $.post("/pages/get_calendar/",				 
					{ 	id_station: id_station,
				 		id_magasin:id_magasin,
				 		date_debut:date_debut
				 	},
					function(data){
				 		 
					 	var_calendar = $("#calendar");
						if (data.error=="1"){
							alert(data.message);
						}
						else{
							var_calendar.html(data.calendar);
							var_calendar.show();
							var_calendar.find('td a').click(function(){
								var reg1=new RegExp("[#]","g");
								var tableau=$(this).attr("href").split(reg1);
								if (tableau.length>0){
									var value = tableau[1];
								}
								else{
									var value = $(this).attr("href");
								}
								
								$("#date_debut").val(value);
								$('#date_debut').removeClass('example');	
								var_calendar.hide();
								listeDurees();
								return false;
							});
							var_calendar.find('th a#calendar_next, th a#calendar_previous').click(function(){
								calendar($(this).attr("href").replace('#',''));
								return false;
							});
						}
						
						
					
				 	},
			 		"json");
			 
		 };
		
		 $("#date_debut").click(calendar);
		 
		 // --------------------------------------------------
		 // récupération de la liste des durées de réservation
		 listeDurees = function(){
			
			 id_station = $('#id_station').val();
			 id_magasin = $('#id_magasin').val();
			 date_debut = $('#date_debut').val();
			 $.post("/pages/get_liste_durees/",				 
						{ 	id_station: id_station,
					 		id_magasin:id_magasin,
					 		date_debut:date_debut
					 	},
						function(data){
					 		durees = $('#id_duree_reservation');
					 		id_duree_reservation = durees.val();
					 		
					 		
					 		if (data.error==1){
					 			if (data.type_error=='date'){
					 				$('#date_debut').val('');
					 			}
					 		}
					 		else{
					 			durees.find('option').remove()
					 			for (i in data.durees){
					 				d = data.durees[i];
					 				if(id_duree_reservation == d.id_duree_reservation){
					 					selected = "selected";
					 				}
					 				else{
					 					selected = '';
					 				}
					 				durees.append('<option value="'+d.id_duree_reservation+'" '+selected+'>'+d.traduc+' </option>');
								}
					 		}
					
						},
				 		"json");
		 };
		 
		 $("#date_debut").change(listeDurees);
		
		
	
});