/****************************************************************************************************************************/
					/**                                                                                                                        **/
					/**                                                                                                                        **/
					/**          Ceci est une application JavaScript qui permet de dynamiser la carte des zones d'activités de Jem-Export      **/
					/**                                   Merci de modifier seulement les parties indiquées                                    **/
					/**                                                                                                                        **/
					/**                                                                                                                        **/
					/****************************************************************************************************************************/

/********************************************************/
/**                                                    **/
/**                                                    **/
/**               Variables pouvant être modifier :    **/
/**              - Textes contenant le nom des pays    **/
/**              - Coordonnées des points              **/
/**                                                    **/
/**                                                    **/
/********************************************************/

/*** Noms des différents pays ***/
//au maximum 7 pays due à l'affichage (7 lignes max)
	var text1 = new Array("GUADELOUPE","MARTINIQUE","SAINT MARTIN","SAINT BARTHELEMY");
	var text2 = new Array("MADAGASCAR","ILE DE LA REUNION ","MAURITIUS","MAYOTTE","COMORES");
	var text3 = new Array("SENEGAL","MALI","BURKINA FASO","NIGER","GUINEE","COTE D IVOIRE","BENIN","TOGO");
	var text4 = new Array("TRINIDAD ET TOBAGO","BARBADES","PORTO RICO","SAINTE LUCIE","CURACAO","ARUBA","GRENADE","GUYANE","GUYANA");
	var text5 = new Array("POLYNESIE","NOUVELLE CALEDONNIE");
	var text6 = new Array("CAMEROUN","GABON","CONGO");

/*****************************************/

/*** Coordonnées des points à placer (x et y) ***/
// Les coordonnées sont en pixels et se comptent à partir du coin supérieur gauche de la carte.
// conseil : pour placer un point, soit mesurer la position via photoshop, 
// soit essayer à taton en modifiant la valeur ici, en enregistrant, puis en visualisant dans un navigateur

//point 1:
	var x1 = 170;
	var y1 = 160;

//point 2:
	var x2 = 360;
	var y2 = 230;

//point 3:
	var x3 = 270;
	var y3 = 180;

//point 4:
	var x4 = 190;
	var y4 = 190;

//point 5:
	var x5 = 560;
	var y5 = 250;

//point 6:
	var x6 = 320;
	var y6 = 200;

/************************************************/

/*** Couleur des blocs ***/
//Pour changer une couleur, modifier ci-dessous le code couleur ( RGB en hexadécimal)
	var couleur1 = "#ff0000";
	var couleur2 = "#FFFF00";
	var couleur3 = "#00ff00";
	var couleur4 = "#CCCCFF";
	var couleur5 = "#9933FF";
	var couleur6 = "#66FFFF";

/*************************/
/********************************************************/
/**                                                    **/
/**                                                    **/
/**                   à partir d'ici,                  **/
/**              merci de ne rien modifier             **/
/**                                                    **/
/**                                                    **/
/********************************************************/

/*** Variables Globales au fichier ***/
var timer_depl;
var timer_repl;
var timer_init;
var timer_wait;
var bloc_ouv = false;
var bloc_ferm = false;
/******************************************************/


/*** Positionnement des points et du block au chargement ***/
function findPos(obj){
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

window.onload = depart();

function depart(){
	timer_wait = setInterval("init()",200);
}

function init(){
	timer_init = setInterval("placer()",1200);
	clearInterval(timer_wait);
	
}

function placer(){
	var load = document.getElementById("load");
	load.style.display = "none";
	var carte = document.getElementById("carte");
	var block = document.getElementById("block");

	var point1 = document.getElementById("point1");
	var point2 = document.getElementById("point2");
	var point3 = document.getElementById("point3");
	var point4 = document.getElementById("point4");
	var point5 = document.getElementById("point5");
	var point6 = document.getElementById("point6");

	var tab_carte = new Array();
	tab_carte = findPos(carte);
	/* placement du bloc et des points en fonction de la position de la carte */
	block.style.left = tab_carte[0] +5;
	block.style.top = tab_carte[1] +5;

	point1.style.left = tab_carte[0] + x1;
	point1.style.top = tab_carte[1] + y1;

	point2.style.left = tab_carte[0] + x2;
	point2.style.top = tab_carte[1] + y2;

	point3.style.left = tab_carte[0] + x3;
	point3.style.top = tab_carte[1] + y3;

	point4.style.left = tab_carte[0] + x4;
	point4.style.top = tab_carte[1] + y4;

	point5.style.left = tab_carte[0] + x5;
	point5.style.top = tab_carte[1] + y5;

	point6.style.left = tab_carte[0] + x6;
	point6.style.top = tab_carte[1] + y6;

	clearInterval(timer_init);
}
/***************************************************/
function affiche(num){
	if( !bloc_ouv && !bloc_ferm){
		bloc_ouv = true;
		var block = document.getElementById("block");
		switch(num){
			case 1:
				block.style.backgroundColor = couleur1;
				break;
			case 2:
				block.style.backgroundColor = couleur2;
				break;
			case 3:
				block.style.backgroundColor = couleur3;
				break;
			case 4:
				block.style.backgroundColor = couleur4;
				break;
			case 5:
				block.style.backgroundColor = couleur5;
				break;
			case 6:
				block.style.backgroundColor = couleur6;
				break;
		}
		block.style.visibility = "visible";
		timer_depl = setInterval("deplier("+num+");",2);
	}
}

function deplier(num){
	var block = document.getElementById("block");
	var width = block.offsetWidth;
	block.style.width = width + 7;
	if(block.offsetWidth >= 150){
		bloc_ouv = false;
		clearInterval(timer_repl);
		clearInterval(timer_depl);
		var text = "";
		switch(num){
			case 1:
				var tab_text = text1;
				break;
			case 2:
				var tab_text = text2;
				break;
			case 3:
				var tab_text = text3;
				break;
			case 4:
				var tab_text = text4;
				break;
			case 5:
				var tab_text = text5;
				break;
			case 6:
				var tab_text = text6;
				break;
		}
		for(var i=0; i < tab_text.length; i++){
			text += '<p style="margin:0;margin-right : 3px;">- ' + tab_text[i] + '</p>';
		}
		block.innerHTML = text;
	}
}

function cache(){
	if( !bloc_ouv && !bloc_ferm){
		bloc_ferm = true;
		var block = document.getElementById("block");
		block.innerHTML = "";
		timer_repl = setInterval("replier();",2);
	}
}

function replier(){
	var block2 = document.getElementById("block");
	var width = block2.offsetWidth;
	block2.style.width = width - 12;
	if(block2.offsetWidth <= 12){
		bloc_ferm = false;
		block2.style.visibility = "hidden";
		clearInterval(timer_repl);
		clearInterval(timer_depl);
	}
}