var ut           = new Object(); 

ut.SfondoPag    = "#FFFFFF";
ut.Intestazione = "#299629";
ut.Link         = "#007080";
ut.Riquadri     = "#D5FFD5";
//ut.Riquadri     = "#D0FFD0";
ut.RiquadriEsp  = "#D0EFE0";

//  oggettoColor.Intestazione = "#208040";
//  oggettoColor.Riquadri     = "#C0FFE0";

//  oggettoColor.Impostaz     = "Blu";
//  oggettoColor.Intestazione = "#2929A6";
//  oggettoColor.Riquadri     = "#D0D0FF";

//  oggettoColor.Impostaz     = "Rosso";
//  oggettoColor.Intestazione = "#A62929";
//  oggettoColor.Riquadri     = "#FFD0D0";


document.bgColor    = ut.SfondoPag; 
document.linkColor  = ut.Link;
document.alinkColor = ut.Link;
document.vlinkColor = ut.Link;


/****************************************************************************/
/* Un unico riquadro con tutti e 4 gli angoli arrotondati.                  */
/****************************************************************************/

function RiquadroSuperiore (colore1, colore2, titolo) {
  document.write("<table width=100% border=0 cellpadding=0 cellspacing=0 bgcolor='", colore2, "'>",
                 "  <tr>",
                 "    <td width=1 bgcolor='", colore1, "' valign='top'><img src='./img/ang-1.gif'></td>",
                 "    <td width=99% bgcolor='", colore1, "' align='CENTER'><font color='white'><big>", titolo ,"</big></font></td>",
                 "    <td width=1 bgcolor='", colore1, "' valign='top'><img src='./img/ang-2.gif'></td>",
				 "  </tr>",
                 "  <tr>",
                 "    <td></td>",
                 "    <td>");
  }

function RiquadroInferiore () {
  document.write("    </td>",
                 "    <td></td>",
                 "  </tr>",
                 "  <tr>",
                 "    <td><img src='./img/ang-4.gif'></td>",
                 "    <td></td>",
                 "    <td><img src='./img/ang-3.gif'></td>",
                 "  </tr>",
                 "</table>",
                 "<br>");
  }

/****************************************************************************/
/* Crea 2 riquadri come il precedente che restano affiancati tra di loro.   */
/****************************************************************************/

function RiquadroX2Superiore (colore1, colore2, titolo1, titolo2, larghezza1, larghezza2) {
  document.write("<table width=100% border=0 cellpadding=0 cellspacing=0>",
                 "  <tr>",
                 "    <td width=1   bgcolor='", colore1, "' valign='top'><img src='./img/ang-1.gif'></td>",
                 "    <td width=", larghezza1, " bgcolor='", colore1, "' align='CENTER'><font color='white'><big>", titolo1, "</big></font></td>",
                 "    <td width=1   bgcolor='", colore1, "' valign='top'><img src='./img/ang-2.gif'></td>",
                 "    <td></td>",
                 "    <td width=1 bgcolor='", colore1, "' valign='top'><img src='./img/ang-1.gif'></td>",
                 "    <td width=", larghezza2, " bgcolor='", colore1, "' align='CENTER'><font color='white'><big>", titolo2, "</big></font></td>",
                 "    <td width=1 bgcolor='", colore1, "' valign='top'><img src='./img/ang-2.gif'></td>",
                 "  </tr>",
                 "  <tr>",
                 "    <td bgcolor='", colore2, "'></td>",
                 "    <td bgcolor='", colore2, "' valign='top'>",
				 "      <div align='justify'>");
  }

function RiquadroX2Intermedio (colore1, colore2) {
  document.write("    </div></td>",
                 "    <td bgcolor='", colore1, "'></td>",
                 "    <td>&nbsp;&nbsp;</td>",
                 "    <td bgcolor='", colore2, "'></td>",
                 "    <td bgcolor='", colore2, "' valign='top'>",
				 "      <div align='justify'>");
  }

function RiquadroX2Inferiore (colore1, colore2) {
  document.write("    </div></td>",
                 "    <td bgcolor='", colore2, "'></td>",
                 "  </tr>",
                 "  <tr>",
                 "    <td width=1 bgcolor='", colore1, "'><img src='./img/ang-4.gif'></td>",
                 "    <td bgcolor='", colore1, "'></td>",
                 "    <td width=1 bgcolor='", colore1, "'><img src='./img/ang-3.gif'></td>",
                 "    <td></td>",
                 "    <td width=1 bgcolor='", colore2, "'><img src='./img/ang-4.gif'></td>",
                 "    <td bgcolor='", colore2, "'></td>",
                 "    <td width=1 bgcolor='", colore2, "'><img src='./img/ang-3.gif'></td>",
                 "  </tr>",
                 "</table>",
                 "<br>");
  }

/****************************************************************************/

function GalleriaImmagineApertura (numImg) {
  RiquadroSuperiore (ut.Intestazione, ut.Riquadri, "");
  document.write("<table width='100%' cellspacing=0 cellPadding=0 border=0>",
				 "  <tr><td colspan=7><font size='-6'>&nbsp;</font></td></tr>",
				 "  <tr valign='top'>",
				 "    <td width=140><a href='galleria/foto.htm?", numImg, "'><img src='galleria/TN_g", numImg, ".JPG'></a></td>",
				 "    <td width=1 bgColor='#000000'><P></P></td>",
				 "    <td width=10>&nbsp;</td>",
				 "    <td>");
  }

function GalleriaImmagineIntermezzo () {
  document.write("</td>",
				 "    <td width='1' bgColor='#000000'><P></P></td>",
				 "    <td width='10'>&nbsp;</td>",
				 "    <td><i>");
  }

function GalleriaImmagineChiusura () {
  document.write("    </i></td>",
				 "  </tr>",
				 "</table>");
  RiquadroInferiore();
  }

/****************************************************************************/

function Intestazione () {
  document.write("<link rel=stylesheet href=\"stile.css\" type=\"text/css\">",
		 "<body background=\"img/blutextb.gif\" bgproperties=\"fixed\">",
                 "<a href=\"top\"></a>",
  				 "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=0><tr><td valign=\"center\"  width=150>",
				 "<center><img src=\"img/flago.gif\"></center>",
				 "</td><td>&nbsp;&nbsp;</td><td>",
				 "<center> <B><FONT color=#000099 size=10>Es</FONT> <FONT color=#3366CC ",
				 "size=10>per</FONT><FONT color=#33CCFF ",
				 "size=10>an</FONT><FONT color=#006070 ",
				 "size=10><font color=\"#66FFFF\">to-</font><font color=\"#66CC33\">Cen</font><font color=\"#66FF66\">tr</font><font color=\"#CDFC6D\">o</font><font color=\"#CDFC6D\"> ",
				 "      di</font><font color=\"#FF0000\"> To</font><font color=\"#FF9933\">ri</font><font color=\"#FFCC00\">no</font></FONT> ",
				 "      <BR>",
				 "  <FONT size=4>Associazione culturale per la promozione della Lingua Internazionale</FONT></B>",
				 "    </center>",
				 "</td></tr><tr><td>&nbsp;</td></tr><tr><td valign=\"top\" width=\"200\">");

  RiquadroSuperiore (ut.Intestazione, ut.Riquadri, "Men&ugrave;");
 document.write("<table border=0 cellspacing=0>",
				 "  <tr>",
				 "    <td><A class=\"stileMenuP\" href=\"welcome.htm\">Pagina iniziale</A><br>",
				 "     <b>Esperanto ...</b></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"esperanto.htm\">Che cos\'&egrave;?</A><br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"pEsperanto.htm\">Perch&eacute; &egrave; necessario?</A><br>",
				 "     <b>Noi ...</b><br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"galleria.htm\">Galleria</A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"perche.htm\">Perch&eacute; esistiamo</A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"storia.htm\">La nostra storia</A></br>",
				
				 "    <b>Per Voi ...</b></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"forum.htm\">Forum-discutiamone</A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"serate.htm\"><FONT color=red size=3>Incontriamoci il ---</Font></A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"contatti.htm\">Dove incontrarci</A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"servizi.htm\">I nostri servizi</A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"sostenerci.htm\">Come sostenerci</A></br>",
				 "    <b>Organizzazioni ...</b></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"italia.htm\">Associazioni italiane</A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"gruppi.htm\">Gruppi locali</A></br>",
				 "    <b>Documenti ...</b></br>",
				 
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"stampa.htm\">Azioni </A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"legge.htm\">Proposta di legge</A></br>",
                 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"statuto.htm\">Nostro Statuto</A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"inforegis.htm\">Centro Studi S.Regis</A></br>",
				 "     &nbsp;&nbsp;&nbsp;<A class=\"stileMenuP\" href=\"comunicazioni.htm\">Comunicazioni</A></br>",
				 "  </td></tr>",
				 "</table>");
  RiquadroInferiore();
  document.write("<p>",
				 "<center>",
				 "<a class=\"stileMenuP\" href=\"mailto:a_antauen@libero.it\"><img border=0 src=\"img/email.gif\"><br>",
				 "a_antauen@libero.it</a>",
                                
				 "<a class=\"stileMenuP\" href=\"mailto:info@esperanto.it\"><br>",
				 "info@esperanto.it</a></center><br>");
  RiquadroSuperiore (ut.Intestazione, ut.Riquadri, "");
  document.write(": <A class=\"stileMenuP\" href=\"mappaSito.htm\">Mappa del sito...</A>");
  RiquadroInferiore();
  document.write("</td><td></td><td valign=\"top\">");
}

function IntestazioneFineConRitorno() {
  document.write("<div align=\"right\">",
                 "<a href=\"welcome.htm\"><img src=\"img/icon_homepage.gif\" border=0></a> ",
                 "<a href=\"#top\"><img src=\"img/icon_go_up.gif\" border=0></a>",
				 "</div></td></tr></table>",
  				 "</body>",
  				 "</HTML>");
}

function IntestazioneFine() {
  document.write("</td></tr></table>",
  				 "</body>",
  				 "</HTML>");
}
//  location.href=page;  // cambia pagina
  