//D'autres scripts sur http://www.toutjavascript.com
//Auteur original : Olivier Hondermarck  <<voir adresse mail sur site>>
//Modifs compatibilité Netscape 6/Mozilla : Cédric Lamalle 09/2001 <cedric@cpac.embrapa.br>

var IB = new Object;
var posX = 0; posY = 0;
var hauteur = 0; largeur = 0;

function getMousePos(e) {
  if (document.all) {
  posX = event.clientX + document.documentElement.scrollLeft;
  posY = event.clientY + document.documentElement.scrollTop;
  }
  else {
  posX = e.pageX;
  posY = e.pageY; 
  }
}

function AffBulle(nom, image, format) {
  contenu = "<table border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><tr bgcolor='"+IB.ColContour+"'><td><table border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><tr><td style='font-size: 14px; color:"+IB.ColTexte+"'><center><img src=\'"+image+"\'><br><b>"+nom+"</b></center></td></tr></table></td></tr></table>&nbsp;";
  //Premier chiffre : 1&3=horizontal, 2&4=vertical ; deuxième chiffre : 1=gauche, 2=droite
  switch (format) {
    //Format Alsace
    case 11 : hauteur=70; largeur=220; break;
    case 12 : hauteur=70; largeur=-60; break;
    case 21 : hauteur=100; largeur=185; break;
    case 22 : hauteur=100; largeur=-60; break;
    //Format Cathare
    case 31 : hauteur=160; largeur=180; break;
    case 32 : hauteur=150; largeur=-20; break;
    case 33 : hauteur=180; largeur=80; break;
    case 41 : hauteur=190; largeur=150; break;
    case 42 : hauteur=190; largeur=-60; break;
    default : hauteur=-10; largeur=5;
  }
  if (document.all) {
    //var f=window.event;
    //doc=document.body.scrollTop;
    bulle.innerHTML = contenu;
    document.all["bulle"].style.top = posY-hauteur + "px";
    document.all["bulle"].style.left = posX-largeur + "px";//f.x-xOffset;
    document.all["bulle"].style.visibility = "visible";
  }
  else if (document.getElementById) {
    document.getElementById("bulle").innerHTML = contenu;
    document.getElementById("bulle").style.top = posY-hauteur + "px";
    document.getElementById("bulle").style.left = posX-largeur + "px";
    document.getElementById("bulle").style.visibility = "visible";
  }
}

function HideBulle() {
  if (document.all) {document.all["bulle"].style.visibility = "hidden";}
  else if (document.getElementById){document.getElementById("bulle").style.visibility = "hidden";}
}

function InitBulle(ColTexte,ColFond,ColContour,NbPixel) {
  IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
  if (document.all) {
    document.write("<div id='bulle' style='position:absolute;top:0;left:0;visibility:hidden;z-index:2'></div>");
    document.onmousemove=getMousePos;
  }
  else if (document.getElementById) {
    document.onmousemove=getMousePos;
    document.write("<div id='bulle' style='position:absolute;top:0;left:0;visibility:hidden;z-index:2'></div>");
  }
}

area1 = 
  '<area shape="rect" coords="29,48,38,53" alt="Birkenfels" title="Birkenfels">'+
  '<area shape="rect" coords="32,41,41,46" href="dreistein.htm" onMouseOver="AffBulle(\'Dreistein\',\'../images/Dreistein/Dreistein4.jpg\',12)" onMouseOut="HideBulle()" alt="Dreistein" title="Dreistein">'+
  '<area shape="rect" coords="31,34,40,39" href="hagelschloss.htm" onMouseOver="AffBulle(\'Hagelschloss\',\'../images/Hagelschloss/Hagelschloss2.jpg\',12)" onMouseOut="HideBulle()" alt="Hagelschloss" title="Hagelschloss">'+
  '<area shape="rect" coords="19,38,28,43" alt="Kagenfels" title="Kagenfels">'+
  '<area shape="rect" coords="36,24,45,29" alt="Ottrott &amp; K&#156;pfel" title="Ottrott &amp; K&#156;pfel">'+
  '<area shape="rect" coords="59,0,68,9" href="javascript:HideGroupe()">'
area2 = 
  '<area shape="rect" coords="35,39,44,44" href="fleckenstein.htm" onMouseOver="AffBulle(\'Fleckenstein\',\'../images/Fleckenstein/Fleckenstein0b.jpg\',12)" onMouseOut="HideBulle()" alt="Fleckenstein" title="Fleckenstein">'+
  '<area shape="rect" coords="21,47,30,52" alt="Frœnsbourg" title="Frœnsbourg">'+
  '<area shape="rect" coords="41,31,50,36" href="hohenbourg.htm" onMouseOver="AffBulle(\'Hohenbourg\',\'../images/Hohenbourg/Hohenbourg12.jpg\',12)" onMouseOut="HideBulle()" alt="Hohenbourg" title="Hohenbourg">'+
  '<area shape="rect" coords="56,62,65,67" href="loewenstein.htm" onMouseOver="AffBulle(\'Lœwenstein\',\'../images/Loewenstein/Loewenstein1.jpg\',12)" onMouseOut="HideBulle()" alt="L&#156;wenstein" title="L&#156;wenstein">'+
  '<area shape="rect" coords="43,23,52,28" href="wegelnburg.htm" onMouseOver="AffBulle(\'Wegelnburg\',\'../images/Wegelnburg/Wegelnburg6.jpg\',12)" onMouseOut="HideBulle()" alt="Wegelnburg" title="Wegelnburg">'+
  '<area shape="rect" coords="59,0,68,9" href="javascript:HideGroupe()">'
area3 = 
  '<area shape="rect" coords="62,40,71,45" href="eguisheim.htm" onMouseOver="AffBulle(\'Haut-Eguisheim\',\'../images/Eguisheim/Eguisheim1.jpg\',11)" onMouseOut="HideBulle()" alt="Haut-Eguisheim" title="Haut-Eguisheim">'+
  '<area shape="rect" coords="62,29,71,34" onMouseOver="AffBulle(\'Hagueneck\',\'../images/Autres/Hagueneck1.jpg\',11)" onMouseOut="HideBulle()" alt="Hagueneck" title="Hagueneck">'+
  '<area shape="rect" coords="32,54,41,59" alt="Haneck &amp; Schrankenfels" title="Haneck &amp; Schrankenfels">'+
  '<area shape="rect" coords="45,52,54,57" alt="Hattstatt" title="Hattstatt">'+
  '<area shape="rect" coords="58,24,67,29" onMouseOver="AffBulle(\'Hohlandsbourg\',\'../images/Autres/Hohlandsbourg1.jpg\',11)" onMouseOut="HideBulle()" alt="Hohlandsbourg" title="Hohlandsbourg">'+
  '<area shape="rect" coords="27,59,36,64" alt="Laubeck" title="Laubeck">'+
  '<area shape="rect" coords="49,18,58,23" alt="Pflixbourg" title="Pflixbourg">'+
  '<area shape="rect" coords="80,0,89,9" href="javascript:HideGroupe()">'
area4 = 
  '<area shape="rect" coords="32,32,41,37" onMouseOver="AffBulle(\'Haut-Barr\',\'../images/Haut_Barr/Haut_Barr0b.jpg\',11)" onMouseOut="HideBulle()" alt="Haut-Barr" title="Haut-Barr">'+
  '<area shape="rect" coords="28,38,37,43" onMouseOver="AffBulle(\'Grand-Geroldseck\',\'../images/Grand_Geroldseck/Grand_Geroldseck3.jpg\',11)" onMouseOut="HideBulle()" alt="Grand-Geroldseck" title="Grand-Geroldseck">'+
  '<area shape="rect" coords="28,43,37,48" onMouseOver="AffBulle(\'Petit-Geroldseck\',\'../images/Petit_Geroldseck/Petit_Geroldseck0b.jpg\',11)" onMouseOut="HideBulle()" alt="Petit-Geroldseck" title="Petit-Geroldseck">'+
  '<area shape="rect" coords="28,23,37,28" onMouseOver="AffBulle(\'Greifenstein\',\'../images/Autres/Greifenstein.jpg\',11)" onMouseOut="HideBulle()" alt="Greifenstein" title="Greifenstein">'+
  '<area shape="rect" coords="59,0,68,9" href="javascript:HideGroupe()">'

function AffGroupe(image,nn) {
  switch (nn) {
    case 1 : zone = area1; hauteur=30; largeur=-120; break;
    case 2 : zone = area2; hauteur=-100; largeur=-50; break;
    case 3 : zone = area3; hauteur=50; largeur=-100; break;
    case 4 : zone = area4; hauteur=-10; largeur=150; break;
  }
  contenu = '<table border=0 cellspacing=0 cellpadding='+IB.NbPixel+'><tr><td><table border=0 cellpadding=2 cellspacing=0><tr><td align="right"><img src="'+image+'" usemap="#Map" border="0"><map name="Map">'+zone+'</map></td></tr></table></td></tr></table>&nbsp;';
  if (document.all) {
    //var f=window.event;
    //doc=document.body.scrollTop;
    Groupe.innerHTML = contenu;
    document.all["Groupe"].style.top = posY-hauteur + "px";
    document.all["Groupe"].style.left = posX-largeur + "px";//f.x-xOffset;
    document.all["Groupe"].style.visibility = "visible";
  }
  else if (document.getElementById) {
    document.getElementById("Groupe").innerHTML = contenu;
    document.getElementById("Groupe").style.top = posY-hauteur + "px";
    document.getElementById("Groupe").style.left = posX-largeur + "px";
    document.getElementById("Groupe").style.visibility = "visible";
  }
}

function HideGroupe() {
  if (document.all) {document.all["Groupe"].style.visibility = "hidden";}
  else if (document.getElementById){document.getElementById("Groupe").style.visibility = "hidden";}
}

function InitGroupe(NbPixel) {
  IB.NbPixel=NbPixel;
  if (document.all) {
    document.write("<div id='Groupe' style='position:absolute;top:0;left:0;visibility:hidden;z-index:3'></div>");
    document.onmousemove = getMousePos;
  }
  else if (document.getElementById) {
    document.onmousemove = getMousePos;
    document.write("<div id='Groupe' style='position:absolute;top:0;left:0;visibility:hidden;z-index:3'></div>");
  }
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}