var bulle=new Array(13);
for (i=0;i<13;i++)
  bulle[i]='';
function affichespan(etat,num)
{
  switch(num)
  {
    case 0:
	 bulle[0]=document.getElementById("bul0").style;
	break;
    case 1:
	 bulle[1]=document.getElementById("bul1").style;
	break;
    case 2:
	 bulle[2]=document.getElementById("bul2").style;
	break;
    case 3:
	 bulle[3]=document.getElementById("bul3").style;
	break;
    case 4:
	 bulle[4]=document.getElementById("bul4").style;
	break;
    case 5:
	 bulle[5]=document.getElementById("bul5").style;
	break;
    case 6:
	 bulle[6]=document.getElementById("bul6").style;
	break;
    case 7:
	 bulle[7]=document.getElementById("bul7").style;
	break;
    case 8:
	 bulle[8]=document.getElementById("bul8").style;
	break;
    case 9:
	 bulle[9]=document.getElementById("bul9").style;
	break;
    case 10:
	 bulle[10]=document.getElementById("bul10").style;
	break;
    case 11:
	 bulle[11]=document.getElementById("bul11").style;
	break;
    case 12:
	 bulle[12]=document.getElementById("bul12").style;
	break;
  }
  if (etat==0)
	bulle[num].visibility="hidden";
  else
    bulle[num].visibility="visible";
}
function infobulle(num)
{
  var resol;
  if(document.body.clientWidth)
    resol=document.body.clientWidth;
  else 
    if(window.innerWidth)
      resol=window.innerWidth;
  if(resol<=780)
    marge=0;
  else
    marge=parseInt((780-resol)*52.6/100);
  switch(num)
  {
    case 0:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul0" style="position:absolute;white-space: nowrap;top: 340px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Biographie du Directeur G&eacute;n&eacute;ral de l&rsquo;Office National <br>de Lutte Contre la Drogue et la Toxicomanie');
	  document.write('</span>');
	}	
    break;
    case 1:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul1" style="position:absolute;white-space: nowrap;top: 369px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Textes fondateurs');
      document.write('</span>');
	 }	
     break;
    case 2:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul2" style="position:absolute;white-space: nowrap;top: 398px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Organigramme de l&rsquo;Office National de Lutte <br>Contre la Drogue et la Toxicomanie');
      document.write('</span>');
	 }	
     break;
    case 3:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul3" style="position:absolute;white-space: nowrap;top: 459px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Manifestations');
      document.write('</span>');
	 }	
     break;
    case 4:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul4" style="position:absolute;white-space: nowrap;top: 488px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Communications et interventions');
      document.write('</span>');
	 }	
     break;
    case 5:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul5" style="position:absolute;white-space: nowrap;top: 666px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Revue de presse');
      document.write('</span>');
	 }	
     break;
    case 6:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul6" style="position:absolute;white-space: nowrap;top: 580px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('L&eacute;gislation alg&eacute;rienne');
      document.write('</span>');
	 }	
     break;
    case 7:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul7" style="position:absolute;white-space: nowrap;top: 574px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Communications et interventions');
      document.write('</span>');
	 }	
     break;
    case 8:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul8" style="position:absolute;white-space: nowrap;top: 518px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Coop&eacute;ration internationale');
      document.write('</span>');
	 }	
     break;
    case 9:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul9" style="position:absolute;white-space: nowrap;top: 608px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Conventions internationales');
      document.write('</span>');
	 }	
     break;
    case 10:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul10" style="position:absolute;white-space: nowrap;top: 696px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Forum');
      document.write('</span>');
	 }	
     break;
    case 11:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul11" style="position:absolute;white-space: nowrap;top: 725px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Liens utiles');
      document.write('</span>');
	 }	
     break;
    case 12:
    {
      var num=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)
      document.write('<span  id="bul12" style="position:absolute;white-space: nowrap;top: 754px;left:'); 
	  document.write(53-marge);
	  document.write('px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;background: white;color: green;padding: 3px;border: 1px solid green;border-right: 3px solid green;border-bottom: 2px solid green;visibility:hidden;">');
      document.write('Coordonn&eacute;es');
      document.write('</span>');
	 }	
     break;
  }
}