function elem(id){
  return document.getElementById(id);
}

function initCarte(){
	// APPEL DES 2 DIV europe et planisphere
	var europe = elem("europe");
		// on cache dès le début la div europe, avant même de mettre des choses dedans (pour éviter les problème d'affichage)
		europe.style.visibility = "hidden"; 
		europe.style.display = "none";
	var planisphere = elem("planisphere");

	// CREATION DE LA CARTE MONDE AVEC LE RECTANGLE DE ZOOM A L'INTERIEUR
		//Création de la carte monde
	var imgPlanisphere = document.createElement("img");
	imgPlanisphere.setAttribute("src","img/map/planisphere.jpg");
	imgPlanisphere.setAttribute("width",670);
	imgPlanisphere.setAttribute("height",335);
	imgPlanisphere.setAttribute("alt","Carte des principales courses internationales");
	planisphere.appendChild(imgPlanisphere);
		//Création de la div zoom-plus (rectange de zoom)
	var divZoom = document.createElement("div");
	divZoom.setAttribute("id","zoom-plus");
	divZoom.setAttribute("title","Cliquez ici pour zoomer sur les courses europ\351ennnes");
	if (divZoom.addEventListener){
		divZoom.addEventListener('click', function(){ changer(planisphere,europe); }, false);
	}
	else if (divZoom.attachEvent) {
		divZoom.attachEvent('onclick', function(){ changer(planisphere,europe); });
	}
	var imgZoom = document.createElement("img");
	imgZoom.setAttribute("src","img/map/loupe1.png");
	imgZoom.setAttribute("width",20);
	imgZoom.setAttribute("height",19);
	divZoom.appendChild(imgZoom);
	planisphere.appendChild(divZoom);
	
	// CREATION DE LA CARTE EUROPE AVEC LE LIEN DE RETOUR A LA CARTE MONDE A L'INTERIEUR
		//Création de la carte europe
	var imgEurope = document.createElement("img");
	imgEurope.setAttribute("src","img/map/europe.jpg");
	imgEurope.setAttribute("width",670);
	imgEurope.setAttribute("height",335);
	imgEurope.setAttribute("alt","Carte des principales courses européennes");
	europe.appendChild(imgEurope);
		//Création de la div zoom-moins (icône zoom moins)
	var divZoom = document.createElement("div");
	divZoom.setAttribute("id","zoom-moins");
	divZoom.setAttribute("title","Cliquez ici pour revenir \340 la carte du monde");
	if (divZoom.addEventListener){
		divZoom.addEventListener('click', function(){ changer(europe,planisphere); }, false);
	}
	else if (divZoom.attachEvent) {
		divZoom.attachEvent('onclick', function(){ changer(europe,planisphere); });
	}
	var imgZoom = document.createElement("img");
	imgZoom.setAttribute("src","img/map/loupe2.png");
	imgZoom.setAttribute("width",20);
	imgZoom.setAttribute("height",19);
	divZoom.appendChild(imgZoom);
	europe.appendChild(divZoom);
	
	planisphere.style.visibility = "visible"; 
	planisphere.style.display = "block";
}

function changer (carte1, carte2) {
	carte1.style.visibility = "hidden";
	carte1.style.display = "none";
	carte2.style.visibility = "visible";
	carte2.style.display = "block";
}


$(function(){
	initCarte();
	
});