nameDp = new Array (
    'Corse-du-Sud',
    'Ain',
    'Aisne',
    'Allier',
    'Alpes-de-Haute-Provence',
    'Hautes-Alpes',
    'Alpes-Maritimes',
    'Ardèche',
    'Ardennes',
    'Ariège',
    'Aube',
    'Aude',
    'Aveyron' ,
    'Bouches-du-Rhône',
    'Calvados',
    'Cantal',
    'Charente',
    'Charente-Maritime',
    'Cher',
    'Corrèze',
    'Haute-Corse',
    'Côte-dOr',
    'Côtes-d\'Armor',
    'Creuse',
    'Dordogne',
    'Doubs',
    'Drôme',
    'Eure',
    'Eure-et-Loir',
    'Finistère',
    'Gard',
    'Haute-Garonne',
    'Gers',
    'Gironde',
    'Hérault',
    'Ille-et-Vilaine',
    'Indre',
    'Indre-et-Loire',
    'Isère',
    'Jura',
    'Landes',
    'Loir-et-Cher',
    'Loire',
    'Haute-Loire',
    'Loire-Atlantique',
    'Loiret',
    'Lot',
    'Lot-et-Garonne',
    'Lozère',
    'Maine-et-Loire',
    'Manche',
    'Marne',
    'Haute-Marne',
    'Mayenne',
    'Meurthe-et-Moselle',
    'Meuse',
    'Morbihan',
    'Moselle',
    'Nièvre',
    'Nord',
    'Oise',
    'Orne',
    'Pas-de-Calais',
    'Puy-de-Dôme',
    'Pyrénées-Atlantiques',
    'Hautes-Pyrénées',
    'Pyrénées-Orientales',
    'Bas-Rhin',
    'Haut-Rhin',
    'Rhône',
    'Haute-Saône',
    'Saône-et-Loire',
    'Sarthe',
    'Savoie',
    'Haute-Savoie',
    'Paris',
    'Seine-Maritime',
    'Seine-et-Marne',
    'Yvelines',
    'Deux-Sèvres',
    'Somme',
    'Tarn',
    'Tarn-et-Garonne',
    'Var',
    'Vaucluse',
    'Vendée',
    'Vienne',
    'Haute-Vienne',
    'Vosges',
    'Yonne',
    'Territoire de Belfort',
    'Essonne',
    'Hauts-de-Seine',
    'Seine-Saint-Denis',
    'Val-de-Marne',
    'Val-d\'Oise'
)

classInfo_dp = function() {
    this.div = document.getElementById("info_dp");
    this.loadID = document.createElement('img');
    this.h1 = document.createElement('h1');
    this.p = document.createElement('p');
    
    this.load = function() {
	with(this.loadID) {
	    setAttribute('src', './images/load.gif');
	    style.marginTop = "69px";
	    style.marginLeft = "132px";
	}
	this.div.innerHTML = null;
	this.div.appendChild(this.loadID);
    }
    
    this.refresh = function(numDp) {
	this.div.innerHTML = '';
	if(numDp == "2a") {
	    
	    this.h1.innerHTML = numDp+' '+nameDp[0];
	} else if(numDp == "2b") {
	    
	    this.h1.innerHTML = numDp+' '+nameDp[20];
	} else if (numDp == 20) {
	    this.h1.innerHTML = '2b ' +nameDp[numDp];
	} else if (numDp == 00) {
	    this.h1.innerHTML = '2a ' +nameDp[numDp];
	} else if(numDp <10) {
	    this.h1.innerHTML = '0'+numDp+' '+nameDp[numDp];
	} else {
	    
	    this.h1.innerHTML = numDp+' '+nameDp[numDp];
	}
	this.p.innerHTML = "Nombre de badge(s) en circulation: "+dpRep[numDp];
	this.div.appendChild(this.h1);
	this.div.appendChild(this.p);
    }
}

function dpClick(numDp) {
    if(numDp == "dp") return;
    numDp = numDp.substring(2, numDp.length);
    Info_dp.load();

    actualHour = new Date();
    actualHour = actualHour.getTime();
    
    if((actualHour - loadHour) >= timeout ) {
	
	loadHour = actualHour;
	dpRep = new Array();
    }
    
    if(numDp in dpRep) {
	Info_dp.refresh(numDp);
	return;
    }
    
    var traiteur = function (response, numDp) {
	ajaxTransction = false;
	
        var objJson = eval('('+response+')');
	
	if(objJson.a == "error") {
	    
	    alert("Impossible de r&eacute;cuperer l'information");
	    
	} else {
	    dpRep[numDp] = objJson.a;
	    Info_dp.refresh(numDp);
	}
    }
    
    if(!ajaxTransction) {
	
        ajaxTransction = true;
        ajaxRequest("GET", "info_map.php?dp="+numDp, "", traiteur, numDp);
    }
}
    
function IE() {
    if(navigator.appName == "Microsoft Internet Explorer") return true;
    else return false;
}

function displaySelect() {
    var select = document.createElement('select');
    select.setAttribute('name', 'departement');
    select.setAttribute('id', 'departement');
    
    var selectOnChange = function() {
	dpClick('dp'+this.value);
    }
    
    if(select.addEventListener) {
	
	select.addEventListener('change', selectOnChange, false);
	
    } else {
	select.onchange = function() {dpClick('dp'+this.value);};
    }
    
    var option = null;
    
    option = document.createElement('option');
    option.setAttribute('value', '');
    option.innerHTML = 'D&eacute;partements:';
    select.appendChild(option);
    select.setAttribute('id', 'departements_list');
    
    for(var i = 0; i < nameDp.length; i++) {
	if(i==2) {
	    
	    option = document.createElement('option');
	    option.setAttribute('value', 0);
	    option.innerHTML = "2a - "+nameDp[0];
	    select.appendChild(option);
	    
	    option = document.createElement('option');
	    option.setAttribute('value', 20);
	    option.innerHTML = "2b - "+nameDp[20];
	    select.appendChild(option);
	}
	if(i==0);
	else if(i==20);
	else {
	    
	    option = document.createElement('option');
	    option.setAttribute('value', i);
	    if(i<10) option.innerHTML = "0"+i+" - "+nameDp[i];
	    else option.innerHTML = i+" - "+nameDp[i];
	    select.appendChild(option);
	    
	}
    }
    
    document.getElementById('map_area').appendChild(select);
    
}

function displayMap() {
    if (IE()) {
        document.getElementById('map').style.background = "url('./images/france.png') no-repeat";
    }
    else {
	document.getElementById('map').innerHTML = '<embed src="./images/france.svg" width="587" height="550" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />';
    }	
}