﻿// JavaScript Document
function mapMouseOver()
{
	if(!document.getElementById('countries')) return false;
	
	var photos = document.getElementById('countries') ;
	// On récupère l'élément ayant pour id countries
	var liens = photos.getElementsByTagName('a') ;
	// On récupère dans une variable tous les liens contenu dans galerie_mini
	var big_photo = document.getElementById('world_map') ;
	// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale

	// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
	for (var i = 0 ; i < liens.length ; ++i) {
		// Au passage de la souris
		liens[i].onmouseover = function() {
			big_photo.src = '../images/commun/map_' + this.id.substr(2) + '.gif'; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
		};
		// Quand on enlève la souris
		liens[i].onmouseout = function() {
			big_photo.src = '../images/commun/world_map.gif';
		};
	}
	//
	var mapping = document.getElementById('world_mapping');
	var shapes = mapping.getElementsByTagName('area');
	// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
	for (var i = 0 ; i < shapes.length ; ++i) {
		// Au passage de la souris
		shapes[i].onmouseover = function() {
			big_photo.src = '../images/commun/map_' + this.id.substr(2) + '.gif'; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
		};
		// Quand on enlève la souris
		shapes[i].onmouseout = function() {
			big_photo.src = '../images/commun/world_map.gif';
		};
	}

}

//
/* attach Events */
if (window.addEventListener){
	window.addEventListener("load", mapMouseOver, false);
}else if (window.attachEvent){
	window.attachEvent("onload", mapMouseOver);
}else if (document.getElementById){
	window.onload=mapMouseOver;
}
/* /attach Events */