var aRegions = [
  ['Auvergne','10','<b>Auvergne<\/b><br \/>Haute-Loire, Cantal, Puy-de-Dome, Allier'],
  ['Rhone Alps','8','<b>Rhone Alps<\/b><br \/>Ain, Ardeche, Drome, Isere, Loire, Rhone, Savoie, Haute Savoie'],
  ['Provence','6','<b>Provence<\/b><br \/>Haute Provence, Haute Alps, Bouches du Rhone, Var, Vaucluse'],
  ['Languedoc Roussilon','5','<b>Languedoc Roussilon<\/b><br \/>Aude, Gard, Herault, Lozere, Pyrenees Orientales'],
  ['Midi Pyrenees','9','<b>Midi Pyrenees<\/b><br \/>Ariege, Aveyron, Lot, Tarn-et-Garonne, Gers'],
  ['Limousin','11','<b>Limousin<\/b><br \/>Correze, Creuse, Haute Vienne'],
  ['Poitou Charentes','7','<b>Poitou Charentes<\/b><br \/>Charente, Charente Maritime, Deux Sevres, Vienne'],
  ['Aquitaine','12','<b>Aquitaine<\/b><br \/>Dordogne, Gironde, Landes, the Lot et Garonne'],
  ['Burgundy','13','<b>Burgundy<\/b><br \/>Cote d\'Or, Nievre, Saone et Loire, Yonne'],
  ['Cote d\'Azur','4','<b>Cote d\'Azur<\/b><br \/>Alpes Maritime, Azur Coast']
];
  
function getCursorCoords(e) {
   var posX = 0, posY = 0;
   if( !e ) { e = window.event; }
   if( !e ) { return [ 0, 0 ]; }
   if( typeof( e.pageX ) == 'number' ) {
      posX = e.pageX;
      posY = e.pageY;
   } else {
      if( typeof( e.clientX ) == 'number' ) {
         posX = e.clientX;
         posY = e.clientY;
         if( document.body && ( document.body.scrollTop || document.body.scrollLeft ) && !( window.opera || window.debug || navigator.vendor == 'KDE' ) ) {
               posX += document.body.scrollLeft;
               posY += document.body.scrollTop;
         } else {
            if( document.documentElement && ( document.documentElement.scrollTop || document.documentElement.scrollLeft ) && !( window.opera || window.debug || navigator.vendor == 'KDE' ) ) {
               posX += document.documentElement.scrollLeft;
               posY += document.documentElement.scrollTop;
            }
         }
      }
   }
   return [ posX, posY ];
}

function init(){
  preloadRegionMaps();
  for (nIdx = 0; nIdx < aRegions.length; nIdx++){
    var x = getElement('tip' + nIdx);
    if (x) { x.onmouseover = showTip; x.onmouseout = hideTip;}
  }
}

function preloadRegionMaps(){
  var x = new Image;
  for (nIdx = 0; nIdx < aRegions.length; nIdx++) x.src = '/graphics/maps/maplarge' + '_' + nIdx + '.gif';
}

function showTip(e) {
  if( !e ) { e = window.event; }
  if( !e ) { return;}  
  var nID = parseInt(this.id.charAt(3));
  aPos = getCursorCoords(e);
  var px = document.layers? 0: "px";
  var x = getElement('mapTipsLayer');
  var z = getElement(this.id);
  if (x && x.css){
    x.innerHTML = '<p>' + aRegions[nID][2] + '<\/p>';
    x.css.left = aPos[0] + (-170) + px;
    x.css.top = aPos[1] + (-60) + px;
    x.css.width = 120 + px;
    x.css.color = '#333';
    x.css.borderLeft = '1px solid #9DA083';
    x.css.borderTop = '1px solid #9DA083';
    x.css.borderRight = '1px solid #9DA083';
    x.css.borderBottom = '1px solid #9DA083';
    x.css.paddingTop = 4 + px;
    x.css.paddingBottom = 4 + px;
    x.css.paddingLeft = 6 + px;
    x.css.paddingRight = 4 + px;
    x.css.backgroundColor = '#fff';
    x.css.visibility = 'visible';
    if (z && z.getAttribute('title')) { z.setAttribute('title',''); }
    if (z && z.css) { z.css.cursor = 'pointer'; }
    var rgID = aRegions[nID][1];
    var imgRegion = getElement('regionMapLarge');
    imgRegion.src = '/graphics/maps/maplarge' + '_' + nID + '.gif';
  }
}

function hideTip(e) {
  if( !e ) { e = window.event; }
  if( !e ) { return;}
  var nID = parseInt(this.id.charAt(3));
  var px = document.layers? 0: "px";
  var x = getElement('mapTipsLayer');
  var z = getElement(this.id);
  if (x && x.css){
    x.innerHTML = '&nbsp;';
    x.css.visibility = 'hidden';   
    if (z && z.getAttribute('title')) { z.setAttribute('title', aRegions[nID][0]); } 
    //if (z && z.css) { z.css.cursor = 'normal'; }
    var imgRegion = getElement('regionMapLarge');
    imgRegion.src = '/graphics/maps/maplarge.gif';
  }
}

function getElement(id) {
	var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? document.layers[id]: null;
	if (el) el.css = (el.style)? el.style: el;
	return el;
}
window.onload = init;