indirizzi=new Array("index.asp","origines/origines.asp","nopage.htm","arte_basilica.htm");

nome=new Array("• Accueil","• Histoire","• Liturgie","• Art et Culture");


document.write("<STYLE TYPE=Text/css>");
document.write("#image{z-index:0;position:absolute;margin-left:0px;margin-top:-11px}");
document.write("#lab0,#lab1,#lab2,#lab3,#lab4{z-index:1;position:absolute;margin-left:17px;margin-top:-9px;cursor:hand;font-family:Tahoma;font:10pt;color:#0000FF;}");
document.write("#lb0,#lb1,#lb2,#lb3,#lb4{z-index:2;position:absolute;margin-left:18px;margin-top:-9px;cursor:hand;font-family:Tahoma;font:10pt;color:#FFCC00;visibility:hidden}");
document.write("#col{text-decoration:none;}");
document.write("</style>");


document.write('<table>');
document.write('<tr>');


    for(i=0;i<nome.length;i++){
document.write('<td  width="111" height="20" onMouseOver="Change(img'+i+'.name,\'in\')" onMouseOut="Change(img'+i+'.name,\'out\')" >');
document.write('   <a href="'+indirizzi[i]+'" id="col" ><img border=0 id="image"   align="left" src="images//btn_top_up.gif" name=img'+i+' >');
document.write('  <div align=left   id="lab'+i+'" name="labe'+i+'">'+nome[i]+'</div>');
document.write('  <div align=left   id="lb'+i+'" name="lbl'+i+'">'+nome[i]+'</div></a>');
document.write(' </td>');
}
document.write('</tr>')
document.write('</table>');



// ------------------------------------------------------
ButtonDwn=new Image();
ButtonUp=new Image();

ButtonDwn.src="images//btn_top_dwn.gif";
ButtonUp.src="images//btn_top_up.gif";

//-------------------------------------------------------

function Change (Nomepulsante, Azione) 
{ 
//Blocco pulsante
if (Nomepulsante=="img0") { 
   if (Azione=='in') {
       document.img0.src=ButtonDwn.src;
       document.img0.alt="Accueil";
     lb0.style.visibility="visible";
     lab0.style.visibility="hidden";     
     
 
       } 
    else 
       if (Azione=='out'){
         document.img0.src=ButtonUp.src;
         lb0.style.visibility="hidden";
        lab0.style.visibility="visible";     
         

         } 
}
//fine blocco pulsante


//Blocco pulsante
if (Nomepulsante=="img1") { 
   if (Azione=='in') {
       document.img1.src=ButtonDwn.src; 
       lb1.style.visibility="visible";
       lab1.style.visibility="hidden";  
      }
      else 
       if (Azione=='out')   {
       document.img1.src=ButtonUp.src; 
       lb1.style.visibility="hidden";
       lab1.style.visibility="visible"; 
  }
}
//fine blocco pulsante

//Blocco pulsante
if (Nomepulsante=="img2") { 
   if (Azione=='in') {
       document.img2.src=ButtonDwn.src; 
       lb2.style.visibility="visible";
       lab2.style.visibility="hidden";  
      }
      else 
       if (Azione=='out')   {
       document.img2.src=ButtonUp.src; 
       lb2.style.visibility="hidden";
       lab2.style.visibility="visible"; 
  }
}
//fine blocco pulsante

//Blocco pulsante
if (Nomepulsante=="img3") { 
   if (Azione=='in') {
       document.img3.src=ButtonDwn.src; 
       lb3.style.visibility="visible";
       lab3.style.visibility="hidden";  
      }
      else 
       if (Azione=='out')   {
       document.img3.src=ButtonUp.src; 
       lb3.style.visibility="hidden";
       lab3.style.visibility="visible"; 
  }
}
//fine blocco pulsante

//Blocco pulsante
if (Nomepulsante=="img4") { 
   if (Azione=='in') {
       document.img4.src=ButtonDwn.src; 
       lb4.style.visibility="visible";
       lab4.style.visibility="hidden";  
      }
      else 
       if (Azione=='out')   {
       document.img4.src=ButtonUp.src; 
       lb4.style.visibility="hidden";
       lab4.style.visibility="visible"; 
  }
}
//fine blocco pulsante

}