//VARIABLE GLOBALE
var onVoi = 0;
var onBouge = 0;
var afficher = true;
var idClick = 0;

var imageX = 0;
var imageY = 0;
var miniatureX = 0;
var miniatureY = 0;
var xDepart = 0;
var yDepart = 0;
var xArriver = 0;
var yArriver = 0;
var txZoom = 100;
var positionCurseur = 70;
var coefficientZoom = 0;
var miniatureCoordX = 0;
var miniatureCoordY = 0;
var imageCoordX = 0;
var imageCoordY = 0;
var positionScrollActuel = 0;
var numImage = 0;

window.addEvent('domready', function()
{
	//Variable
	var miniature = $('photoloc_miniature');
	var conteneur = $('image_photoloc');
	var rac = $$('.raccourci_to_element');
	var bat = $('batiment');
	
	if($('pageSiteMap'))
		planSiteMiniature();
	
	if(bat)
		miniatureEtSlide();
	
	if(miniature)
	{
		//Fonction d'initialisation
		// placerZoneInfo();		//image_map
		chargerImage();				//image_scroll
		positionBoiteMiniature();		
		positionDuCurseur();			//Position du curseur
		
		// Evenement
		miniature.addEvent('click', function(e){
			bougerMiniature(e);});
		$('btn_gauc').addEvent('click', function(e){
			seDeplacerGaucheDroite(true, false, false, false);});
		$('btn_droi').addEvent('click', function(e){
			seDeplacerGaucheDroite(false, true, false, false);});
		$('btn_plus').addEvent('click', function(e){
			e.stop();
			zoomerSurImage(false);});
		$('btn_moin').addEvent('click', function(e){
			e.stop();
			zoomerSurImage(true);});
		rac.addEvent('click', function(e){
			e.stop();
			var numero = this.getProperty('id').replace('lien_', '');
			seDeplacerAuLien(numero);});
		/*
		$('lien_full_screen').addEvent('click', function(e){
			// e.stop();
			events.stopPropagation();
			afficherFullScreen(e);});
		*/
		var divPhotoloc = $('image_scroll');
		divPhotoloc.addEvent('mousewheel', function(e){
			utilisationMolette(e);});
		
		new Drag.Scroll(conteneur, {axis: {x: true, y: true}  , friction: 5});
	}
});

function miniatureEtSlide()
{
	var imageSlide = $$('.image-slide');
	var imageMinia = $$('.imageSurvol');
	var j = 0;
	
	afficherImageAuto();
	
	var changerImg = function(){
		afficherImageAuto();};
	changerImg.periodical(5000);
		
	imageMinia.addEvents({
		mouseover: function(){
			effacerImage(imageSlide.length);
			j = this.id.replace('i', '');
			$('slide-'+j).setStyle('display', 'block');
			$('slide-'+j).fade(1);
		}
	});
}

function afficherImageAuto()
{
	var imageSlide = $$('.image-slide');
	var i = 0;
	
	for(i = 0; i <= imageSlide.length-1; i++)
	{
		if(i != numImage)
		{
			imageSlide[i].setStyle('display', 'none');
			imageSlide[i].fade(0);
		}
		else
		{
			imageSlide[i].setStyle('display', 'block');
			imageSlide[i].fade(1);
		}
	}
	
	if(numImage >= imageSlide.length-1)
		numImage = 0;
	else
		numImage++;
}

function effacerImage(nbImg)
{
	var i = 0;
	for(i = 0; i <= nbImg-1; i++)
	{
		$('slide-'+i).setStyle('display', 'none');
		$('slide-'+i).fade(0);
	}
}

function afficherFullScreen(e)
{
	// fen = window.open('script_photoloc.html.php','', 'toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0,fullscreen=0');
	// fen = window.open("?p=script_photoloc","", "fullscreen=yes");
	// fen.moveTo(0,0);
	// fen.resizeTo(screen.width,screen.height);
}

function utilisationMolette(e)
{
	//Ne se fait que si la souris est sur l'image
	var htmlElement = document.documentElement;
	var img = $('image_photoloc_scroll');
	var iX = 0, iY = 0;
	// var gras;
	
	do
	{
		iX += img.offsetLeft;
		iY += img.offsetTop;
		img = img.offsetParent;
	}
	while(img);
	
	if(iX < e.client.x && iY < e.client.y && (iX + 800) > e.client.x && (iY + 600) > e.client.y)
	{	//Ne s'éxécute que si la souris est dans le cadre de l'image
		e.stopPropagation();
		if(e.wheel > 0)	//Molette haut --> Zoomer
			zoomerSurImage(false);
		else if(e.wheel < 0)	//Molette Bas	--> Dezoomer
			zoomerSurImage(true);
	}
}

function zoomerSurImage(deZoomer)
{
	var img = $('image_photoloc_scroll');
	var largeur = img.getStyle('width');
	var hauteur = img.getStyle('height');
	if(txZoom < 130 && txZoom > 70)
	{
		if(deZoomer)
		{
			txZoom = txZoom - 10;
			positionCurseur = positionCurseur - 20;
			coefficientZoom--;
			modifierTailleMiniature();
		}
		else
		{
			txZoom = txZoom + 10;
			positionCurseur = positionCurseur + 20;
			coefficientZoom++;
			modifierTailleMiniature();
			
		}
	}
	
	largeur = largeur.replace('px', '') * (txZoom / 100);
	hauteur = hauteur.replace('px', '') * (txZoom / 100);
	img.setStyle('width', largeur+'px');
	img.setStyle('height', hauteur+'px');
	$('position_zoom').setStyle('margin-left', positionCurseur+'px');
	
	//Ecrire dans la liste :
	// $('zoneX').setProperty('text', txZoom);
}

function modifierTailleMiniature()
{
	var div = $('position_vision');
	var largeur = div.getStyle('width').replace('px', '');
	var hauteur = div.getStyle('height').replace('px', '');
	if(coefficientZoom > 0)
	{	//Diminue la taille du carré
		largeur = largeur * 0.8;
		hauteur = hauteur * 0.8;
	}
	else
	{	//Augmente sa taille
		largeur = largeur * 1.2;
		hauteur = hauteur * 1.2;
		// alert("Négatif");
	}
	
	div.setStyle('width', largeur+'px');
	div.setStyle('height', hauteur+'px');
}

function positionDuCurseur()
{
	var curseur = $('position_zoom');

	positionCurseur = 70;
	positionCurseur = positionCurseur - 8;
	curseur.setStyle('margin-left', positionCurseur+'px');
}

function seDeplacerAuLien(num)
{
	var valX = 0, valY = 0; 
	var minia = $('position_vision');
	var deplacer;
	
	switch(num)
	{
		case '1':	//Projet
			valX = 300;
			valY = 700;
			break;
		case '2':	//Les halles
			valX = 700;
			valY = 300;
			break;
		case '3':	//Malouine
			valX = 100;
			valY = 100;
			break;
		case '4':	//Moulinet
			valX = 600;
			valY = 50;
			break;
		case '5':	//Le port
			valX = 1200;
			valY = 0;
			break;
		case '6':	//La plage
			valX = 450;
			valY = 70;
			break;
	}

	if(coefficientZoom > 0)
	{
		for(var i = 1; i <= coefficientZoom; i++)
		{
			valX += valX * (0.35);
			valY += valY * (0.35);
		}
	}
	else if(coefficientZoom < 0)
	{
		for(var i = 1; i <= coefficientZoom*(-1); i++)
		{
			valX -= valX * (0.25);
			valY -= valY * (0.25);
		}
	}
	
	//Se déplacer dans la boite principale
	deplacer = new Fx.Scroll('image_photoloc', {
		wait: false,
		duration: 500,
		offset: {'x': valX, 'y': valY},
		transition: Fx.Transitions.Quad.easeInOut});
	deplacer.toElement('zone_info_map_'+num);
	
	//Se déplacer dans la miniature
	valX = valX / 14;
	valY = valY / 15;
	
	minia.setStyle('left', valX);
	minia.setStyle('top', valY);
}

function seDeplacerGaucheDroite(gauche, droite, haut, bas)
{	//Deplace l'image à gauche ou à droite
	var img = $('image_photoloc');
	var valX = 0, valY = 0;
	
	if(gauche)
		valX = -100;
	if(droite)
		valX = 100;
	if(haut)
		valY = -100;
	if(bas)
		valY = 100;
	
	var deplacer = new Fx.Scroll(img, {
		wait: false,
		offset: {'x': valX, 'y': valY},
		transition: Fx.Transitions.Quad.easeInOut,
		wheelStops: true
	});
	alert('Val X : '+valX);
	
	deplacer.start({'x': valX, 'y': valY});
}

function chargerImage()
{	//Charge l'image "HD" dans la div de zoom/deplacement
	var img = new Image();
	var photo = $('image_scroll');
	img.src = "./images/photolocalisation.jpg";
	img.addEvent("load", function(){
		var imgPhotoLoc = new Element('img', {
			'src': img.get('src'),
			'id': 'image_photoloc_scroll',
			'usemap': '#zone_info_map',
			'styles': {
				'height': img.height,
				'width': img.width,
				'display': 'block'}
		});
		imgPhotoLoc.inject($('image_scroll'));
		photo.setStyle('opacity', '0');
		photo.setStyle('display', 'block');
		photo.fade(1);
		photo.setStyle('cursor', 'move');
		$('image_loader').fade(0);
		$('image_loader').setStyle('display', 'none');
	});
}

function placerZoneInfo(dataArea)
{
	var container = $('zone_info_map');
	var j = 1;
	// alert(dataArea.length);
	for(var i = 0; i <= dataArea.length-1; i += 5)
	{
		// alert('valeur i : '+i+'\nValeur dataArea[i] : '+dataArea[i]+'\ncoords : '+dataArea[i+1]+','+dataArea[i+2]+','+dataArea[i+3]+','+dataArea[i+4]);
		var areaEle = new Element('area', {
			'id': 'zone_info_map_'+j,
			'href': '#',
			'coords': dataArea[i+1]+', '+dataArea[i+2]+', '+dataArea[i+3]+', '+dataArea[i+4],
			'shape': 'rect',
			'class': 'zone_click',
			'rel': dataArea[i]
		});
		areaEle.inject(container);
		// areaEle.inject($('zone_info_map'));
		j++;
	}
	
	//Evenement sur les "map area"
	var info = $$('.zone_click');
	info.addEvent('click', function(e) {
		e.stop();
		switch(this.id)
		{
			case 'zone_info_map_1':
				Slimbox.open('./illustrations/Batiment_A_l.jpg', this.getProperty('rel'));
				break;
			case 'zone_info_map_7':
				//
				break;
		}
	});
}

function positionBoiteMiniature()
{	//Recuperation de la position de la boite "photoloc_miniature" en X et Y
	var posBoite = $('photoloc_miniature');	
	do
	{
		miniatureX += posBoite.offsetLeft;
		miniatureY += posBoite.offsetTop;
		posBoite = posBoite.offsetParent;
	}
	while(posBoite);
}

function positionBoitePrincipale()
{	//Récupére la position de la boite principale
	var posImg = $('image_photoloc');
	
	imageX = 0;
	imageY = 0;
	
	do
	{
		imageX += posImg.offsetLeft;
		imageY += posImg.offsetTop;
		posImg = posImg.offsetParent;
	}
	while(posImg);
}
 
function bougerPrincipale(e)
{	//Deplacer l'image de la fenetre principale
	// var cadreImage = $('image_photoloc');
	var cadreVue = $('position_vision');
	var x = e.client.x;
	var y = e.client.y;
	var bougerX = 0;
	var bougerY = 0;
	
	//Calcul du déplacement
	bougerX = (imageX - x);
	bougerY = (imageY - y);
	
	//Deplace l'image
	// cadreImage.setStyle('background-position', (bougerX)+'px '+(bougerY)+'px');
	
	//deplacer la miniature
	cadreVue.setStyle('top', (bougerY/(-15))+'px');
	cadreVue.setStyle('left', (bougerX/(-15))+'px');
	
	//Debug
	// $('zoneX').set('text', 'X mouse : '+x);
	// $('zoneY').set('text', 'Y mouse : '+y);
	// $('imgX').set('text', 'X image : '+bougerX);
	// $('imgY').set('text', 'Y image : '+bougerY);
	// $('minX').set('text', 'X miniature : '+(bougerX/(-15)));
	// $('minY').set('text', 'Y miniature : '+(bougerY/(-15)));
}

function bougerMiniature(e)
{	//Deplace la position de la boite de vue "position_vision"
	var cadreVue = $('position_vision');	
	// var posImg = $('image_scroll');
	var posImg = $('image_photoloc_scroll');
	var x = e.client.x;
	var y = e.client.y;
	var bougerX = 0;
	var bougerY = 0;
	var posImgX = 0;
	var posImgY = 0;
	
	//Calcul de la position
	bougerX = (x - miniatureX) - 30;
	bougerY = (y - miniatureY) - 23;
	
	//Debug
	// $('clickX').set('text', 'Click X : '+(miniatureX + bougerX));
	// $('clickY').set('text', 'Click Y : '+(miniatureY + bougerY));
	// $('baseX').set('text', 'Base X : '+miniatureX);
	// $('baseY').set('text', 'Base Y : '+miniatureY);
	// $('maxX').set('text', 'Max X : '+(miniatureX + 120));
	// $('maxY').set('text', 'Max Y : '+(miniatureY + 94));
		
	//Vérification que la valeur n'excede pas certaine valeur
	if(x < (miniatureX + 30)) {bougerX = 0;}
	if(x > (miniatureX + 150)) {bougerX = 118;}
	if(y < miniatureY + 23) {bougerY = 0;}
	if(y > (miniatureY + 71)) {bougerY = 46;}

	//Deplacement de la div miniature
	cadreVue.setStyle('top', bougerY+'px');
	cadreVue.setStyle('left', bougerX+'px');
	
	// alert("bougerX : "+bougerX+"\nbougerY : "+bougerY);
	
	//Recuperation des position de la div principale
	posImgX = posImg.getStyle('left');
	// posImgX = posImg.scrollLeft;
	posImgY = posImg.getStyle('top');
	
	// alert(posImgX);
	
	//Deplacement de l'image principale
	// posImg.setStyle('background-position', (bougerX*(14))+'px '+(bougerY*(15))+'px');
	// posImg.setStyle('left', (bougerX*(14))+'px');
	posImg.setStyle('margin-left', (bougerX*(-14))+'px');
	// posImg.setStyle('top', (bougerY*(15))+'px');
	posImg.setStyle('margin-top', (bougerY*(-15))+'px');
	
	// alert("bougerX : "+(bougerX*(14))+"\nbougerY : "+(bougerY*(15)));
}

(function(){
	Drag.Scroll = new Class({

	  // We'd like to use the Options Class Mixin
	  Implements: [Options],

	  // Default options
	  options: {
		friction: 5,
		axis: {x: true, y: true}
	  },

	  initialize: function(element, options){
		element = this.element = document.id(element);
		this.content = element.getFirst();
		this.setOptions(options);

		// Drag speed
		var prevTime, prevScroll, speed, scroll, timer;
		var timerFn = function(){
		  var now = Date.now();
		  scroll = [element.scrollLeft, element.scrollTop];
		  if (prevTime){
			var dt = now - prevTime + 1;
			speed = [
			  1000 * (scroll[0] - prevScroll[0]) / dt,
			  1000 * (scroll[1] - prevScroll[1]) / dt
			];
		  }
		  prevScroll = scroll;
		  prevTime = now;
		};

		// Use Fx.Scroll for scrolling to the right position after the dragging
		var fx = this.fx = new Fx.Scroll(element, {
		  transition: Fx.Transitions.Expo.easeOut
		});

		// Set initial scroll
		fx.set.apply(fx, this.limit(element.scrollLeft, element.scrollTop));

		var self = this;
		  friction = this.options.friction,
		  axis = this.options.axis;

		// Make the element draggable
		var drag = this.drag = new Drag(element, {
		  style: false,
		  invert: true,
		  modifiers: {x: axis.x && 'scrollLeft', y: axis.y && 'scrollTop'},
		  onStart: function(){
			// Start the speed measuring
			timerFn();
			timer = setInterval(timerFn, 1000 / 60);
			// cancel any fx if they are still running
			fx.cancel();
		  },
		  onComplete: function(){
			// Stop the speed measuring
			prevTime = false;
			clearInterval(timer);
			// Scroll to the new location
			fx.start.apply(fx, self.limit(
			  scroll[0] + (speed[0] || 0) / friction,
			  scroll[1] + (speed[1] || 0) / friction
			));
			
			//Récupérer la position pour bouger la fenetre de la miniature
			var miniature = $('position_vision');
			
			//Axe Y
			var cal = (scroll[1] + (speed[1] || 0) / friction) / 15;
			miniature.setStyle('top', cal+'px');
			
			//Axe X
			cal = (scroll[0] + (speed[0] || 0) / friction) / 14;
			miniature.setStyle('left', cal+'px');
		  }
		});
	  },

	  // Calculate the limits
	  getLimit: function(){
		var limit = [[0, 0], [0, 0]], element = this.element;
		var styles = Object.values(this.content.getStyles(
		  'padding-left', 'border-left-width', 'margin-left',
		  'padding-top', 'border-top-width', 'margin-top',
		  'width', 'height'
		)).invoke('toInt');
		limit[0][0] = sum(styles.slice(0, 3));
		limit[0][1] = styles[6] + limit[0][0] - element.clientWidth;
		limit[1][0] = sum(styles.slice(3, 6));
		limit[1][1] = styles[7] + limit[1][0] - element.clientHeight;
		return limit;
	  },

	  // Apply the limits to the x and y values
	  limit: function(x, y){
		var limit = this.getLimit();
		return [
		  x.limit(limit[0][0], limit[0][1]),
		  y.limit(limit[1][0], limit[1][1])
		];
	  }
  });

	var sum = function(array){
	  var result = 0;
	  for (var l = array.length; l--;) result += array[l];
	  return result;
	};
})();
/* ============================================================================================== */
/* Menu des trois bouton */
/* ============================================================================================== */
function testForMenu(dataJS_Code, dataJS_Label, dataJS_Descr)
{
	var navigateur = Browser.name;
	var plateforme = Browser.Platform.name;
	var version = Browser.version;

	ajoutClass("javascript");
	creationImage();
	creationZoneMap(dataJS_Code);
	menuDesTroisBouton();
	
	creationTexte(dataJS_Code, dataJS_Label, dataJS_Descr);
}

function ajoutClass(val)
{
	var div = $('elementTroisBouton');
	div.set('id', val);
}

function menuFlash()
{
	var so = new SWFObject("TroisBoutons/TroisBoutons.swf", "navigation", "920px", "250px", "9", "#ffffff"); 
	so.addParam("allowFullScreen","true");
	so.addParam("allowScriptAccess","sameDomain");
	so.addParam("salign","lt");
	so.addParam("quality","high");
	so.addParam("align","middle");
	so.addParam("wmode","transparent");
	so.addVariable("imagesPath","TroisBoutons");
	so.addVariable("preselect","<?php echo $cat; ?>");
	so.addVariable("selectcallback","selectBigNav");
	so.write("flashcontent");
}

function creationImage()
{
	var divGenerale = $('menuImage');
	
	for(var i = 1; i <= 3; i++)
	{
		var newDivImg = new Element('div', {
			id: 'divImg'+i,
			'class': 'menu'});
			var newImg = new Element('img', {
				'src': './TroisBoutons/btn'+i+'.png',
				'alt': 'bouton 1',
				'usemap': '#btn'+i,
				id: 'btn_'+i+'_Img'});
			
		newDivImg.inject(divGenerale, 'bottom');
			newImg.inject(newDivImg);
	}
}

function creationZoneMap(dataJS_Code)
{
	var newDiv = $('menuBouton');
	var j = 1;
	
	for(var i = 1; i <= 3; i++)
	{
		var newDivMap = new Element('Map', {'name': 'btn'+i, 'id': 'btn'+i});
		var newDivArea = new Element('area', {
			'shape': 'poly',
			'coords': '115,0, 350,0, 232, 200, 0, 200',
			'alt': 'bouton '+i,
			// 'href': './?p='+dataJS_Code[j],
			'href': './'+dataJS_Code[j],
			'id': 'areaImg'+i});
			
		newDivMap.inject(newDiv);
		newDivArea.inject(newDivMap);
		j = j+3;
	}
}

function menuDesTroisBouton()
{
	//Variable
	var bouton1 = $('btn1');
	var bouton2 = $('btn2');
	var bouton3 = $('btn3');
	
	//Permet de change de page
	var baliseTexte = $$('a').addEvent('click', function(event){
		event.stop();
		location.href = this.get('href');
	});
	
	//Gestion des evenements sur les balise Maps
	bouton1.addEvents({
		click: function(event){
			action(event, 1, "btn_1_Img", "divImg1", 30); },
		mouseover: function() { griser(1); },
		mouseleave: function() {deGriser(1); }
	});
	
	bouton2.addEvents({
		click: function(event){
			action(event, 2, "btn_2_Img", "divImg2", -270); },
		mouseover: function() { griser(2); },
		mouseleave: function() {deGriser(2); }
	});
	
	bouton3.addEvents({
		click: function(event){
			action(event, 3, "btn_3_Img", "divImg3", -570); },
		mouseover: function() { griser(3); },
		mouseleave: function() {deGriser(3); }
	});
}

function action(event, num, idI, idD, bou)
{	//Fonction qui à pour but de permettre les actions au 3 images, ainsi que leur texte.
	event.stop();
	idClick = num;
	menu();
	deplacerImage(idI, idD, bou);
	afficherMasqueMenuSecondaire();
}

function action2(num, idI, idD, bou)
{
	idClick = num;
	menu();
	deplacerImage(idI, idD, bou);
	afficherMasqueMenuSecondaire();
}

function menu()
{
	var valeurOpaciter, valeurDisplay, i, time;
	if(afficher)
	{
		afficher = false;	//Donc il faut cacher
		valeurOpaciter = 0;
		valeurDisplay = 'none';
		time = 500;
	}
	else
	{
		afficher = true;	//Donc il faut afficher
		valeurOpaciter = 1;
		valeurDisplay = 'block';
		time = 1;
	}
	
	setTimeout(function() { cacherAfficher(valeurDisplay);}, time);
	
	for(i = 1; i <= 3; i++)
	{
		if(idClick != i)
			$("btn_"+i+"_Img").tween('opacity', valeurOpaciter);
		$('menuTextBtn'+i).tween('opacity', valeurOpaciter);	//Cacher/Afficher le texte des menus
	}
}

function griser(num)
{	//Applique un effet de voile blanc sur l'image
	if($('menuSecondaire1').getStyle('display') == "none")
		$('btn_'+num+'_Img').tween('opacity', 0.5);
}

function deGriser(num)
{	//Affiche l'image normalement
	$('btn_'+num+'_Img').tween('opacity', 1);
}

function cacherAfficher(dis)
{
	for(var i = 1; i <= 3; i++)
	{
		if(idClick != i)
		{
			$("btn_"+i+"_Img").setStyle('display', dis);
			$("divImg"+i).setStyle('display', dis);
		}
	}
}

function deplacerImage(idMove, idTo, deplacement)
{
	if(afficher)
	{
		deplacement = deplacement * (-1);
		idTo = idMove;
	}
	else
		deplacement = deplacement * 1;
		
	deplacer(idMove, idTo, deplacement);
}

function deplacer(idMove, idTo, valX)
{
	var myFx = new Fx.Move(idMove, {
		relativeTo: idTo,
		position: 'upperLeft',
		edge: false,
		offset: {x:valX, y:0}
	});
	myFx.start();
}

function afficherMasqueMenuSecondaire()
{
	var val = 1;
	var style ='block' ;
	var id = 'menuSecondaire'+idClick;
	var styleBar = 'none';
	
	if(afficher)
	{
		val = 0;
		style = 'none';
		styleBar = 'block';
	}
		
	$(id).setStyle('display', style);
	$(id).tween('opacity', val);
	$('menuTexte').setStyle('display', styleBar);
}

function creationTexte(dataJS_Code, dataJS_Label, dataJS_Descr)
{
	var divGenerale = $('menuTexte');
	var divSecondaire = $('menuSecondaire');
	var titre = new Array('head', 'mon quartier', 'Ma résidence', 'Mon appartement');
	var i = 1, j = 0, k = 1;
	
	for(i = 1; i < 4; i++)
	{	//Menu principale
		var newDivTexte = new Element('div', {
			id: 'menuTextBtn'+i,
			'class': 'menuTexte bigNavBlock'});
			
		newDivTexte.inject(divGenerale, 'bottom');
			
		var newTitre = new Element('h2', {'class': 'h3'});
			newTitre.inject(newDivTexte);
			newTitre.appendText(titre[i]);
		for(k = 1; k < 4; k++)
		{
			var newLink1 = new Element('a', {'href': './'+dataJS_Code[k+j], 'class': 'p'});
				newLink1.inject(newDivTexte);
				newLink1.appendText(dataJS_Label[k+j]);
		}
		j += 3;
	}
	
	j = 0;
	for(i = 1; i < 4; i++)
	{	//Menu secondaire
		var newDivSTexte = new Element('div', {
			id: 'menuSecondaire'+i,
			'class': 'bigNavSub'});
			newDivSTexte.inject(divSecondaire, 'bottom');
		
		for(k = 1; k < 4; k++)
		{
			var newMSLink = new Element('a', {
				'class': 'bigNavEntrey'+k,
				'href': './'+dataJS_Code[k+j]});
			var newSpanTitle = new Element('span', {'class': 'h3'});
			var newSpanDescr = new Element('span', {'class': 'p'});
				newMSLink.inject(newDivSTexte);
				newSpanTitle.inject(newMSLink);
				newSpanTitle.appendText(dataJS_Label[(j+k)]);
				newSpanDescr.inject(newMSLink);
				newSpanDescr.appendText(dataJS_Descr[(j+k)]);
		}
		j += 3;
	}
}

function appliquerStyleQuartier(num)
{
	var divDep = new Array(30, -270, -570);
	action2(num, 'btn_'+num+'_Img', 'divImg'+num, divDep[num-1]);
	$('ariane').setStyle('display', 'none');
}
/* FIN MENU DES TROIS BOUTONS =================================================================== */
function planSiteMiniature()
{
	var miniature = $('fenetreGauche');
	var image = "sitemap_home";	//par defaut afficher l'image du home
	var liste = $('siteMapListe').getElements('a');
	miniature.setStyle('background-image', 'url(./images/sitemap/'+image+'.jpg)');
	
	liste.addEvent('mouseenter', function() {//Modifier l'image
		image = this.id;
		miniature.setStyle('background-image', 'url(./images/sitemap/'+image+'.jpg)');
	});
}