addLoadEvent(startupimg);
var xmlRoot;
function startupimg(){
    document.getElementById('france').src = "carte/france.jpg";
    document.getElementById('france').width = "400";
    document.getElementById('france').height = "367";
	document.images["france"].style.border = "1px solid gray";
    }
	if (document.images) {
var onImgArray = new Array();
onImgArray["LR"] = new Image(400,367);
onImgArray["AUVERGNE"] = new Image(400,367);
onImgArray["AQUITAINE"] = new Image(400,367); 
onImgArray["BNORMANDIE"] = new Image(400,367); 
onImgArray["HNORMANDIE"] = new Image(400,367); 
onImgArray["BOURGOGNE"] = new Image(400,367); 
onImgArray["BRETAGNE"] = new Image(400,367); 
onImgArray["CENTRE"] = new Image(400,367); 
onImgArray["CORSE"] = new Image(400,367); 
onImgArray["ARDENNE"] = new Image(400,367); 
onImgArray["FRANCHE"] = new Image(400,367); 
onImgArray["ILLEDEFRANCE"] = new Image(400,367); 
onImgArray["LIMOUSIN"] = new Image(400,367); 
onImgArray["LORRAINE"] = new Image(400,367); 
onImgArray["MIDI"] = new Image(400,367); 
onImgArray["NORD"] = new Image(400,367); 
onImgArray["LOIRE"] = new Image(400,367); 
onImgArray["PICARDIE"] = new Image(400,367); 
onImgArray["POITOU"] = new Image(400,367); 
onImgArray["AZUR"] = new Image(400,367); 
onImgArray["RHONE"] = new Image(400,367); 
onImgArray["ALSACE"] = new Image(400,367); 
onImgArray["LOADING"] = new Image(16,16); 

onImgArray["LOADING"].src = "carte/loading.jpg";
onImgArray["LR"].src = "carte/languedoc-roussillon.jpg";
onImgArray["AUVERGNE"].src = "carte/auvergne.jpg";
onImgArray["AQUITAINE"].src = "carte/aquitaine.jpg";
onImgArray["BNORMANDIE"].src = "carte/basse-normandie.jpg";
onImgArray["HNORMANDIE"].src = "carte/haute-normandie.jpg";
onImgArray["BOURGOGNE"].src = "carte/bourgogne.jpg";
onImgArray["BRETAGNE"].src = "carte/bretagne.jpg";
onImgArray["CENTRE"].src = "carte/centre.jpg";
onImgArray["CORSE"].src = "carte/corse.jpg";
onImgArray["ARDENNE"].src = "carte/champagne-ardenne.jpg";
onImgArray["FRANCHE"].src = "carte/franche-comte.jpg";
onImgArray["ILLEDEFRANCE"].src = "carte/ille-de-france.jpg";
onImgArray["LIMOUSIN"].src = "carte/limousin.jpg";
onImgArray["LORRAINE"].src = "carte/lorraine.jpg";
onImgArray["MIDI"].src = "carte/midi-pyrenees.jpg";
onImgArray["NORD"].src = "carte/nord.jpg";
onImgArray["LOIRE"].src = "carte/pays-de-la-loire.jpg";
onImgArray["PICARDIE"].src = "carte/picardie.jpg";
onImgArray["POITOU"].src = "carte/poitou-charantes.jpg";
onImgArray["AZUR"].src = "carte/provence-alpes-cote-azur.jpg";
onImgArray["RHONE"].src = "carte/rhone-alpes.jpg";
onImgArray["ALSACE"].src = "carte/alsace.jpg";

onImgArray["LR"].name = "Languedoc-Roussillon";
onImgArray["AUVERGNE"].name = "Auvergne";
onImgArray["AQUITAINE"].name = "Aquitaine";
onImgArray["BNORMANDIE"].name = "Basse Normandie";
onImgArray["HNORMANDIE"].name = "Haute Normandie";
onImgArray["BOURGOGNE"].name = "Bourgogne";
onImgArray["BRETAGNE"].name = "Bretagne";
onImgArray["CENTRE"].name = "Centre";
onImgArray["CORSE"].name = "Corse";
onImgArray["ARDENNE"].name = "Champagne Ardenne";
onImgArray["FRANCHE"].name = "Franche Comté";
onImgArray["ILLEDEFRANCE"].name = "Ile de France";
onImgArray["LIMOUSIN"].name = "Limousin";
onImgArray["LORRAINE"].name = "Lorraine";
onImgArray["MIDI"].name = "Midi-Pyrénées";
onImgArray["NORD"].name = "Nord-Pas de Calais";
onImgArray["LOIRE"].name = "Pays de la Loire";
onImgArray["PICARDIE"].name = "Picardie";
onImgArray["POITOU"].name = "Poitou-Charantes";
onImgArray["AZUR"].name = "Provence-Alpes-Côte d'Azur";
onImgArray["RHONE"].name = "Rhône-Alpes";
onImgArray["ALSACE"].name = "Alsace";

var offImgArray = new Array();
offImgArray["FR"] = new Image(400,367);

offImgArray["FR"].src = "carte/france.jpg";
}

function imageOn(imgName) {
	if (document.images) {
		document.getElementById("textarearegion").innerHTML = onImgArray[imgName].name;
		document.images["france"].style.cursor = "pointer";
		document.images["france"].style.border = "1px solid gray";
		document.images["france"].src = onImgArray[imgName].src;
	}
}

function imageOff(imgName) {
	if (document.images) {
		document.getElementById("textarearegion").innerHTML = "France";
		document.images["france"].style.cursor = "default";
		document.images["france"].style.border = "1px solid gray";
		document.images["france"].src = offImgArray[imgName].src;
	}
}
function EncodeString(s) {
	s = 'mailto:'+s;
	var ss = new String();
	for( i = 0; i < s.length; i++) {
	   var fs = s.charCodeAt(i);
	   ss += '&#' + fs + ';';
	   }
	return ss;
}
function showdiv(div) {
	/*
      divs = document.getElementById('info').getElementsByTagName('div');
	  
	  if(document.getElementById(div).style.display != "block"){
		  // hiding the divs
          for (i = 0; i < divs.length; i++) {
              divs[i].style.display = "none";
			  divs[i].style.opacity = "0";
			  divs[i].style.filter = "alpha(opacity=0)";
          }
		  	
			// set inner div's to full view
		nodz = document.getElementById(div).childNodes;
		  for (var i = 0; nodz[i]; i++) {
			 if (nodz[i].nodeName == "DIV") {
				nodz[i].style.display = "block";
				nodz[i].style.opacity = "100";
				nodz[i].style.filter = "alpha(opacity=100)";
			 }
		  }
		  // show our div
          document.getElementById(div).style.display = "block";
      }
	  
    <h4></h4>
    <ul>
        <li><span>Coordinateur</span>
        <p></p>
        </li>
        <li><span>Structure</span>
        <p></p>
        </li>
        <li><span>Atlas</span>
        <p></p>
        </li>
    </ul>  
	*/
	var display_info = function(){
		var region = xmlRoot.getElementsByTagName('region');
		for(inc=0; inc< region.length;inc++){ // USE inc BECAUSE i IS BEING USED IN THE OPACITY FUNCTION
			if(region[inc].getAttribute('id') == div){
				var msg_default = '<em>Non renseign&eacute;</em>';
				var name_region = region[inc].getElementsByTagName('nom_region')[0].firstChild.data;
				if(document.getElementById('region_name').innerHTML != name_region){
					var root = region[inc];
					var coordinateur = root.getElementsByTagName('coordinateur')[0].firstChild.data == '-' ? msg_default : root.getElementsByTagName('coordinateur')[0].firstChild.data;
					var mail_coord = root.getElementsByTagName('email')[0].firstChild.data == '-' ? msg_default : root.getElementsByTagName('email')[0].firstChild.data;
					var structure = root.getElementsByTagName('structure')[0].firstChild.data == '-' ? msg_default : root.getElementsByTagName('structure')[0].firstChild.data;
					var atlas = root.getElementsByTagName('atlas')[0].firstChild.data == '-' ? msg_default : root.getElementsByTagName('atlas')[0].firstChild.data;
					var arr_mail_coord = mail_coord.split(',');
					var arr_coordinateur = coordinateur.split(',');
					var names = [];
					for(p in arr_mail_coord){
						if(arr_mail_coord[p] != msg_default){
							names[names.length] =  '<a href="'+EncodeString(arr_mail_coord[p])+'">'+arr_coordinateur[p]+'</a>';
						}else{
							names[names.length] = arr_coordinateur[p];
						}
					}
					var coords = names.join(', ');
					shiftOpacity('infoblock', 500);
					document.getElementById('region_name').innerHTML = name_region;
					document.getElementById('coordinateur_name').innerHTML = coords;
					document.getElementById('structure_name').innerHTML = structure;
					document.getElementById('atlas_name').innerHTML = atlas;
					//shiftOpacity('infoblock', 500);
				}
				return
			}
		}
		alert('Erreur - pas d\'information pour cette région')
	}
	if(document.getElementById('infoblock').getElementsByTagName('img').length == 1){
		var handleServerResponse = function(){
			document.getElementById('infoblock').innerHTML = '';
			xmlResponse = xmlHttp.responseXML;
			if (!xmlResponse || !xmlResponse.documentElement){
				throw("Structure XML invalide:\n" + xmlHttp.responseText); 
			}
			var rootNodeName = xmlResponse.documentElement.nodeName; 
			if(rootNodeName == "parsererror"){
				throw("Structure XML invalide:\n" + xmlHttp.responseText);
			}
			// getting the root element (the document element) 
			xmlRoot = xmlResponse.documentElement; 
			// testing that we received the XML document we expect 
			if (rootNodeName != "coord" || !xmlRoot.firstChild){
				throw("Structure XML invalide:\n" + xmlHttp.responseText);
			}			
			var my_div = document.getElementById('infoblock');
			
			var h4 = document.createElement('h4');
			h4.setAttribute('id','region_name');
			my_div.appendChild(h4);
			
			var ul = document.createElement('ul');
			var li_coord = document.createElement('li');
			var li_struc = document.createElement('li');
			var li_atlas = document.createElement('li');
			
			var span_coord = document.createElement('span');
			span_coord.appendChild(document.createTextNode('Coordinateur'))
			var span_struc = document.createElement('span');
			span_struc.appendChild(document.createTextNode('Structure'))
			var span_atlas = document.createElement('span');
			span_atlas.appendChild(document.createTextNode('Atlas'))

			var p_coord = document.createElement('p');
			p_coord.setAttribute('id','coordinateur_name')
			var p_struc = document.createElement('p');
			p_struc.setAttribute('id','structure_name');
			var p_atlas = document.createElement('p');
			p_atlas.setAttribute('id','atlas_name')
			
			li_coord.appendChild(span_coord);
			li_coord.appendChild(p_coord);

			li_struc.appendChild(span_struc);
			li_struc.appendChild(p_struc);

			li_atlas.appendChild(span_atlas);
			li_atlas.appendChild(p_atlas);
			
			ul.appendChild(li_coord);
			ul.appendChild(li_struc);
			ul.appendChild(li_atlas);
			
			my_div.appendChild(ul);
		}
		var xml = 'carte/coordinateurs.xml';
		xmlHttp=GetXmlHttpObject();
		if (xmlHttp==null){
			alert ("Your browser does not support AJAX!");
			return;
		} 
		xmlHttp.open("GET", xml, true); 
		xmlHttp.onreadystatechange = function(){
				if (xmlHttp.readyState == 4)  { 
				// continue only if HTTP status is "OK" 
					if (xmlHttp.status == 200)  { 
						try{ 
						// do something with the response from the server 
							handleServerResponse();
							display_info();
							return
						} 
						catch(e){ 
						// display error message 
							alert("Erreur de lecture: " + e.toString()); 
						} 
					}else{ 
					// display status message 
						alert("Il y a eu une erreur:\n" +  
						xmlHttp.statusText); 
					} 
				} 
			}; 
		xmlHttp.send(null); 
	}else{
		display_info();
	}
}
function opacity(id, opacStart, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;

    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            var a = "changeOpac(" + i + ",'" + id + "')";		
			var b = (timer * speed);
            setTimeout(a,b);
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
			var a = "changeOpac(" + i + ",'" + id + "')";		
			var b = (timer * speed);
            setTimeout(a,b);
            timer++;
        }
    }
}

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}  
function shiftOpacity(id, millisec) {
    //if(document.getElementById(id).style.opacity == 0) {
        opacity(id, 0, 100, millisec);
    //} else {
        //opacity(id, 100, 0, millisec);
    //}
} 

function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}