/**###############################################################################
#
#	2003-2005	copyright	autore: Flavio Boschiazzo			creato: 14.11.03
#																										modificato: 20.08.05
#
#	Questo programma è stato realizzato ed è di proprietà di Flavio Boschiazzo
#	Tutti i diritti sono riservati: l'utilizzo, la duplicazione, la modifica e la
#	distribuzione di questo programma sono possibili solo sotto concessione dell'
#	autore. Per informazioni skyboss@bigfoot.com
#
#################################################################################**/

immagine1 = new Array("000100.Ghibli,_Game,_Gauguin,_Gil_Tabata_e_Groucho","000160.Groucho_e_Ghibli","000230.Cleo_e_Dylan","000533.Game","000553.Ghibli","000572.Groucho","000576.Groucho","000603.Gil_Tabata")
immagine2 = new Array("000110.Dharma_e_cuccioli","000170.Gil_Tabata_e_Gauguin","000500.Gauguin","000550.Ghibli","000554.Ghibli","000573.Groucho","000600.Gil_Tabata","000604.Gil_Tabata")
immagine3 = new Array("000120.pisolino","000200.Gaia,_Galaxia,_Gulliver_con_Cleo_e_Dylan","000530.Game","000551.Ghibli","000570.Groucho","000574.Groucho","000601.Gil_Tabata","000605.Gil_Tabata")
immagine4 = new Array("000150.Gil_Tabata_e_Groucho","000210.Gaia_e_Gulliver","000531.Game","000552.Ghibli","000571.Groucho","000575.Groucho","000602.Gil_Tabata","000606.Gil_Tabata_e_Camilla")
testo1 = new Array("Ghibli, Game, Gauguin, Gil Tabata e Groucho","Groucho e Ghibli","Cleo e Dylan","Game","Ghibli","Groucho","Groucho","Gil Tabata")
testo2 = new Array("Dharma e cuccioli","Gil Tabata e Gauguin","Gauguin","Ghibli","Ghibli","Groucho","Gil Tabata","Gil Tabata")
testo3 = new Array("pisolino","Gaia, Galaxia, Gulliver con Cleo e Dylan","Game","Ghibli","Groucho","Groucho","Gil Tabata","Gil Tabata")
testo4 = new Array("Gil Tabata e Groucho","Gaia e Gulliver","Game","Ghibli","Groucho","Groucho","Gil Tabata","Gil Tabata e Camilla")
pagine = 8	// pagine totali
pagina = 1	// pagina corrente

if (document.getElementById) {
	document.writeln("      <table width=\"96%\" border=\"0\" align=\"center\" cellpadding=\"2\">");
	document.writeln("        <tr> ");
	document.writeln("          <td style=\"text-align:center\" class=\"testo04\" height=\"50\"><h3><img src=\"img/album_fotografico_txt.gif\" width=\"229\" height=\"22\" title=\"\" alt=\"Album fotografico\"></h3></td>");
	document.writeln("              </tr>");
	document.writeln("              <tr> ");
	document.writeln("          <td style=\"text-align:center\" class=\"testo03\" height=\"480\"> ");
	document.writeln("            <table class=\"album\" width=\"500\" cellpadding=\"0\" cellspacing=\"0\">");
	document.writeln("              <tr align=\"center\" valign=\"middle\"> ");
	document.writeln("                      <td width=\"40\">&nbsp;</td>");
	document.writeln("                      <td height=\"36\" width=\"184\">&nbsp;</td>");
	document.writeln("                      <td height=\"12\" width=\"46\">&nbsp;</td>");
	document.writeln("                      <td height=\"12\" width=\"188\">&nbsp;</td>");
	document.writeln("                      <td height=\"12\" width=\"40\">&nbsp;</td>");
	document.writeln("                    </tr>");
	document.writeln("                    <tr align=\"center\"> ");
	document.writeln("                      <td width=\"40\">&nbsp;</td>");
	document.writeln("                      <td width=\"184\" height=\"164\"> ");
	document.writeln("                        <div id=\"imm1\" style=\"text-align: center\" class=\"testo02\"></div>");
	document.writeln("                      </td>");
	document.writeln("                      <td width=\"46\">&nbsp;</td>");
	document.writeln("                      <td width=\"188\"> ");
	document.writeln("                        <div id=\"imm3\" style=\"text-align: center\" class=\"testo02\"></div>");
	document.writeln("                      </td>");
	document.writeln("                      <td width=\"40\">&nbsp;</td>");
	document.writeln("                    </tr>");
	document.writeln("                    <tr align=\"center\"> ");
	document.writeln("                      <td width=\"40\">&nbsp;</td>");
	document.writeln("                      <td width=\"184\" height=\"164\"> ");
	document.writeln("                        <div id=\"imm2\" style=\"text-align: center\" class=\"testo02\"></div>");
	document.writeln("                      </td>");
	document.writeln("                      <td width=\"46\">&nbsp;</td>");
	document.writeln("                      <td width=\"188\"> ");
	document.writeln("                        <div id=\"imm4\" style=\"text-align: center\" class=\"testo02\"></div>");
	document.writeln("                      </td>");
	document.writeln("                      <td width=\"40\">&nbsp;</td>");
	document.writeln("                    </tr>");
	document.writeln("                    <tr align=\"center\">");
	document.writeln("                      <td width=\"40\">&nbsp;</td>");
	document.writeln("                      <td height=\"36\">&nbsp;</td>");
	document.writeln("                      <td width=\"46\">&nbsp;</td>");
	document.writeln("                      <td width=\"188\">&nbsp;</td>");
	document.writeln("                      <td width=\"40\">&nbsp;</td>");
	document.writeln("                    </tr>");
	document.writeln("                  </table><br>");
	document.writeln("                 <div id=\"npag\"></div>");
	document.writeln("                 <a href=\"javascript:cambiapagina('precedente')\"><img src=\"img/arrow04.gif\" width=\"49\" height=\"21\" align=\"middle\" border=\"0\" title=\"\" alt=\"&lt;--\">Precedente</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ");
	document.writeln("                 <a href=\"javascript:cambiapagina('successiva')\">Successivo<img src=\"img/arrow03.gif\" width=\"49\" height=\"21\" align=\"middle\" border=\"0\" title=\"\" alt=\"--&gt;\"></a> ");
	document.writeln("                 <br>");
	document.writeln("          </td>");
	document.writeln("              </tr>");
	document.writeln("            </table>");
	scrividocumento();			// carica la prima pagina
} else {
	document.writeln("     <table class=\"testo03\" width=\"96%\" border=\"0\" align=\"center\" cellpadding=\"2\">");
	document.writeln("        <tr> ");
	document.writeln("          <td colspan=\"2\" style=\"text-align:center\" class=\"testo04\" height=\"50\"><img src=\"img/album_fotografico_txt.gif\" width=\"229\" height=\"22\" title=\"\" alt=\"Album fotografico\"></td>");
	document.writeln("              </tr>");
	for ( i = 0; i <= pagine-1; i ++) {
		document.writeln("      <tr align=\"center\"><td width=\"50%\"><a href=\"img/album/"+immagine1[i]+".jpg\" target=\"_blank\"><img src=\"img/album/p/"+immagine1[i]+".gif\" border=\"0\" title=\"ingrandisci\" alt=\"attendi il caricamento...\"></a><br>"+testo1[i]+"</td>");
		document.writeln("      <td width=\"50%\"><a href=\"img/album/"+immagine2[i]+".jpg\" target=\"_blank\"><img src=\"img/album/p/"+immagine2[i]+".gif\" border=\"0\" title=\"ingrandisci\" alt=\"attendi il caricamento...\"></a><br>"+testo2[i]+"</td></tr>");
		document.writeln("      <tr align=\"center\"><td width=\"50%\"><a href=\"img/album/"+immagine3[i]+".jpg\" target=\"_blank\"><img src=\"img/album/p/"+immagine3[i]+".gif\" border=\"0\" title=\"ingrandisci\" alt=\"attendi il caricamento...\"></a><br>"+testo3[i]+"</td>");
		document.writeln("      <td width=\"50%\"><a href=\"img/album/"+immagine4[i]+".jpg\" target=\"_blank\"><img src=\"img/album/p/"+immagine4[i]+".gif\" border=\"0\" title=\"ingrandisci\" alt=\"attendi il caricamento...\"></a><br>"+testo4[i]+"</td></tr>");
	}
	document.writeln("    </table>");
}

function cambiapagina(pag) {
	if ( pag == 'precedente') {	// cliccato su '<--precedente'
		if ( pagina > 1 ) {
			pagina--;
			scrividocumento();
		} else {	alert( 'Sei già alla prima pagina!')	}
	} else  {			// cliccato su 'successivo-->'
		if ( pagina < pagine ) {
			pagina++;
			scrividocumento();
		} else {	alert('Sei già all\'ultima pagina!')	}
	}
}

function scrividocumento() {
		document.getElementById('imm1').innerHTML = "<a href=\"img/album/"+immagine1[pagina-1]+".jpg\" target=\"_blank\"><img src=\"img/album/p/"+immagine1[pagina-1]+".gif\" border=\"0\" title=\"ingrandisci\" alt=\"attendi il caricamento...\"></a><br>"+testo1[pagina-1]
		document.getElementById('imm2').innerHTML = "<a href=\"img/album/"+immagine2[pagina-1]+".jpg\" target=\"_blank\"><img src=\"img/album/p/"+immagine2[pagina-1]+".gif\" border=\"0\" title=\"ingrandisci\" alt=\"attendi il caricamento...\"></a><br>"+testo2[pagina-1]
		document.getElementById('imm3').innerHTML = "<a href=\"img/album/"+immagine3[pagina-1]+".jpg\" target=\"_blank\"><img src=\"img/album/p/"+immagine3[pagina-1]+".gif\" border=\"0\" title=\"ingrandisci\" alt=\"attendi il caricamento...\"></a><br>"+testo3[pagina-1]
		document.getElementById('imm4').innerHTML = "<a href=\"img/album/"+immagine4[pagina-1]+".jpg\" target=\"_blank\"><img src=\"img/album/p/"+immagine4[pagina-1]+".gif\" border=\"0\" title=\"ingrandisci\" alt=\"attendi il caricamento...\"></a><br>"+testo4[pagina-1]
		document.getElementById('npag').innerHTML ="Pagina " + pagina + " di " + pagine
}