// JavaScript Document

var tabAdresse = new Array();
		tabAdresse[0] ="36 Rue des Plantes | 75014 Paris, France | 01 45 39 14 66";
		tabAdresse[1] ="20, avenue Marcel Dassault | 37200 Tours, France | 02 47 48 04 00";
		tabAdresse[2] ="122/124, rue du Faubourg Bannier | 45000 Orléans, France | 02 38 54 10 52";
		tabAdresse[3] ="5, rue Copernic | 41260 La chaussée St Victor, France | 02 54 58 95 41";
		tabAdresse[4] ="3, Rue de Séraucourt | 18000 Bourges, France | 02 48 21 32 47 ";
		tabAdresse[5] ="Arobase 2 Avenue du Futuroscope | 86360 Chasseneuil-du-Poitou, France | 05 49 49 42 95";
		tabAdresse[6] ="5 Rue Albert 1er - Etage 2 | 36000 Châteauroux, France | 02 54 61 23 73";
		tabAdresse[7] ="7 rue Vlaminck | 28000 CHARTRES, France | 02 37 35 82 42";

//tabAdresse[0] ="36 Rue des Plantes | 75014 Paris, France | 01 45 39 14 66";//paris
//tabAdresse[1] ="36 Rue des Plantes | 37000 Tours, France | 01 45 39 14 66";//tours
//tabAdresse[2] ="36 Rue des Plantes | 45000 Orléans, France | 01 45 39 14 66";//Orléans
//tabAdresse[3] ="36 Rue des Plantes | 41000 Blois, France | 01 45 39 14 66";//Blois
//tabAdresse[4] ="36 Rue des Plantes | 18000 Bourges, France | 01 45 39 14 66";//Bourges
//tabAdresse[5] ="36 Rue des Plantes | 86000 Poitiers, France | 01 45 39 14 66";//Poitiers


var nbVilles = tabAdresse.length;

//Fonction pour homogénéiser les espaces entre les villes
function MajPositionVille()
{
	var leftDepart = 280;
	
	 for (k=1;k<=nbVilles;k++)
	 {
		//alert($(this).attr("id"));
		//$(this).width();
		if(k==1)
		{
			leftDepart = leftDepart + $("#ville_"+k).width()+23;
		}
		else
		{
			//Met à jour les positions
			 $("#ville_"+k).animate(
							  {
								left: leftDepart+'px'
							  }, 
							  {
								duration: 200, 
								specialEasing: 
								{
								  height: 'easeOutBounce'
								},
								complete: function()
								{
									//deroulement=false;
								}
							 }
							 );
			 
			 //Pour la prochaine ville
			 leftDepart = leftDepart + $("#ville_"+k).width()+23;
             //alert(leftDepart);
		}
	 }
}

function initVilles()
{
var leftDepart2 = 280;
	
	 for (k=1;k<=nbVilles;k++)
	 {
		
		if(k==1)
		{
			leftDepart2 = leftDepart2 + $("#ville_"+k).width()+23;
		}
		else
		{
			//Met à jour les positions
            $("#ville_"+k).css("left",leftDepart2+"px");
			 
			 //Pour la prochaine ville
			 leftDepart2 = leftDepart2 + $("#ville_"+k).width()+23;
		}
        //alert(leftDepart2);
	 }

}




$(document).ready(
function()
{
	
	calculRajouts();
    initVilles();
	
	//Calcul du top pour les rajouts du pied
	 calculRajoutPied();
				
	//Click sur le menu de droite
	var nbTheme = 3;
	
	$(".btn_theme").click(
					  function()
					  {
						  for(i=1;i<=nbTheme;i++)
						  {
							var idTheme = $(this).parent().attr("id");
							
							//ouvre le theme clique
							if(idTheme=="theme_"+i)
							{
								$("#ss"+idTheme).animate({
															height: 'toggle'
														  }, {
															duration: 200, 
															specialEasing: {
															  height: 'easeOutBounce'
															},
															complete: function()
															{
																calculRajouts();
	
                                                                //Calcul du top pour les rajouts du pied
                                                               calculRajoutPied();
															}
														  });
							}
							else
								{
									if($("#sstheme_"+i).css("display")=="block")
									{
										$("#sstheme_"+i).animate({
																	height: 'toggle'
																  }, {
																	duration: 100, 
																	specialEasing: {
																	  height: 'easeOutBounce'
																	},
																	complete: function()
																	{
																	}
																  });	
									}
									
								}
							
						  }
					  }
					  );
	
	//Click sur une ville
	$(".villes").children("span").click(
						   function()
						   {
							 //Récupère ses coordonnees
							var position =  $(this).position();
							var ancienLeft = position.left;
							var ancienId = $(this).attr("id");
							 //Anime la ville cliquée
							 $(this).animate(
											 {
												left: 280+'px'
											  }, {
												duration: 200, 
												specialEasing: {
												  height: 'easeOutBounce'
												},
												complete: function()
												{
													//anim finie
													var relation = parseInt($(this).attr("rel")-1);
													$(".adresses").html(tabAdresse[relation]);
													
												}
											  }
											 );
							 
							 $(this).addClass("select");
							 
							 //repositionne les autres villes correctement
							 for (k=1;k<=nbVilles;k++)
							 {
								//alert( $("#ville_"+k).css("left"));
								 
								if( $("#ville_"+k).css("left")==280+"px" && "ville_"+k !=$(this).attr("id") )
								{
								  $("#ville_"+k).removeClass("select");
								  
								 //Anime la ville en premier
								 $("#ville_"+k).animate(
												  {
													left: ancienLeft+'px'
												  }, 
												  {
													duration: 200, 
													specialEasing: 
													{
													  left: 'easeOutBounce'
													},
													complete: function()
													{
														//Echange leur id pour garder un ordre croissant des pos left
														$("#"+ancienId).attr("id","ville_1");
														$(this).attr("id",ancienId);
														
														MajPositionVille();
													}
												 }
												 );
								}
							 }
						   }
						   )
	
	
	/* BLOCKAGE DU CONTENU DE PAGE SUR LA GAUCHE EN CAS D'ECRAN TROP PETIT : IPHONE / SMARTPHONES */
	var largeurFenetre = $(window).width();					// XXX
	var largeurContSite = $('.cont_site').css('width');		// XXXpx
	
	var posPx = largeurContSite.indexOf('px');
	largeurContSite = largeurContSite.substr(0, posPx);
	
	if (largeurFenetre <= largeurContSite)
	{
		$('.cont_site').css(
		{
			'left': '0%',
			'margin-left': '0px'
		});
		$('#rajout_villes').css('display','none');
		$('#rajouts_menu_g').css('display','none');
		$('#rajouts_menu_d').css('display','none');
		$('#rajouts_pied_g').css('display','none');
		$('#rajouts_pied_d').css('display','none');
	}
	else
	{
		$('.cont_site').css(
		{
			'left': '50%',
			'margin-left': '-495px'
		});
		$('#rajout_villes').css('display','block');
		$('#rajouts_menu_g').css('display','block');
		$('#rajouts_menu_d').css('display','block');
		$('#rajouts_pied_g').css('display','block');
		$('#rajouts_pied_d').css('display','block');
	}
	
});

$(window).resize(
	 function()
	 {
		calculRajouts();
	
		/* BLOCKAGE DU CONTENU DE PAGE SUR LA GAUCHE EN CAS D'ECRAN TROP PETIT / RECENTRAGE SINON */
		var largeurFenetre = $(window).width();					// XXX
		var largeurContSite = $('.cont_site').css('width');		// XXXpx
		
		var posPx = largeurContSite.indexOf('px');
		largeurContSite = largeurContSite.substr(0, posPx);
		
		if (largeurFenetre <= largeurContSite)
		{
			$('.cont_site').css(
			{
				'left': '0%',
				'margin-left': '0px'
			});
			$('#rajout_villes').css('display','none');
			$('#rajouts_menu_g').css('display','none');
			$('#rajouts_menu_d').css('display','none');
			$('#rajouts_pied_g').css('display','none');
			$('#rajouts_pied_d').css('display','none');
		}
		else
		{
			$('.cont_site').css(
			{
				'left': '50%',
				'margin-left': '-495px'
			});
			$('#rajout_villes').css('display','block');
			$('#rajouts_menu_g').css('display','block');
			$('#rajouts_menu_d').css('display','block');
			$('#rajouts_pied_g').css('display','block');
			$('#rajouts_pied_d').css('display','block');
		}
	}
);


function calculRajoutPied()
{
	 var hauteurSite = $(".cont_site").height();
    var topG = hauteurSite -132;
    var topD = hauteurSite -145;
    //Affectation  du top
    $("#rajouts_pied_g").css("top" ,topG+"px");
    $("#rajouts_pied_d").css("top", topD+"px");
}


function calculRajouts()
{
	//largeur du navigateur
	var largeurNavigateur = $("body").width();
	var widthRajout = (largeurNavigateur - 995)/2;
	var leftRajout = 990 + widthRajout;			
	//marge de sécutité
	widthRajout = widthRajout+5;
	//Affectation des bonnes coordonnées pour l'affichage des rajouts
	$("#rajouts_menu_g").css("width" ,widthRajout+"px");
	$("#rajouts_menu_d").css("left", leftRajout+"px");
	$("#rajouts_menu_d").css("width", widthRajout+"px");
	
	$("#rajouts_pied_g").css("width" ,widthRajout+"px");
	$("#rajouts_pied_d").css("left", leftRajout+"px");
	$("#rajouts_pied_d").css("width", widthRajout+"px");
	
	//Pour le rajout de la liste des ville 
	leftRajout = leftRajout - 30;
	widthRajout = widthRajout +30;
	$("#rajout_villes").css("left", leftRajout+"px");
	$("#rajout_villes").css("width" ,widthRajout+"px");
}