// funzione che mostra la scheda dell'emoticona cliccata (EmoId) e nasconde tutte le altre,
// continuando a mostrare solo quella pagina del catalogo, specificata dalla variabile NumPagCatalogo


function mostraScheda(EmoId, NumPagCatalogo)
{
	schede= new Array();
	schede=document.getElementsByTagName("table");
	
	for(i=0;i<schede.length;i++)
	{	
		if((schede[i].id!="")&&(schede[i].id!=EmoId)&&(schede[i].id!="pagina"+NumPagCatalogo)) // se diverso dall'id inviato o da "" (che rappresenta la tabelle non marcate)
			schede[i].style.display="none";
		else
			schede[i].style.display="block";
	}
	activePage=NumPagCatalogo; // indica la pagina del catalogo attualmente visualizzata
}


function listEmoticone() // funzione che stampa tutte le emoticone nel box
{
	emoFile= new Array();
	emoName= new Array();
	
	// valori relativi al nome del file (senza estensione) ed al nome dell'emoticona
	
	emoFile[0]="risata"; 						emoName[0]="RISATA";
	emoFile[1]="delusione"; 				emoName[1]="DELUSIONE";
	emoFile[2]="diavolo"; 					emoName[2]="DIAVOLO";
	emoFile[3]="eheheh2"; 					emoName[3]="EH EH EH 2";
	emoFile[4]="eheheh"; 						emoName[4]="EH EH EH";
	emoFile[5]="freschezza"; 				emoName[5]="FRESCHEZZA";
	emoFile[6]="happy"; 						emoName[6]="HAPPY";
	emoFile[7]="incazzato"; 				emoName[7]="INCAZZATO";
	emoFile[8]="incazzatored";			emoName[8]="INCAZZATO<br>(occhi di sangue)";
	emoFile[9]="malincunia"; 				emoName[9]="MALINCUNIA";
	emoFile[10]="mmm"; 							emoName[10]="MMM";
	emoFile[11]="mpf"; 							emoName[11]="MPF";
	emoFile[12]="ninja"; 						emoName[12]="NINJA";
	emoFile[13]="capozingaro";			emoName[13]="CAPO ZINGARO";
	emoFile[14]="puorco"; 					emoName[14]="PUORCO";
	emoFile[15]="ribboscia"; 				emoName[15]="RIBBOSCIA";
	emoFile[16]="scole"; 	  				emoName[16]="SCOLE";
	emoFile[17]="sigh"; 	  				emoName[17]="SIGH";
	emoFile[18]="sorpresa"; 				emoName[18]="SORPRESA";
	emoFile[19]="uahmn"; 	  				emoName[19]="UAHMN!";
	emoFile[20]="zappiello"; 				emoName[20]="ZAPPIELLO";
	emoFile[21]="allucca"; 	  			emoName[21]="ALLUCCA";
	emoFile[22]="freva";						emoName[22]="FREVA";
	emoFile[23]="giaccaecravatta";	emoName[23]="GIACCA & CRAVATTA";
	emoFile[24]="ebete";						emoName[24]="EBETE";
	emoFile[25]="sputo";						emoName[25]="SPUTO";
	emoFile[26]="pallino";					emoName[26]="PALLINO";
	emoFile[27]="ribrezzo";					emoName[27]="RIBREZZO";
	emoFile[28]="mano";							emoName[28]="MANO";
	emoFile[29]="sfastirio";				emoName[29]="SFASTIRIO";
	emoFile[30]="viecchio";					emoName[30]="VIECCHIO";
	emoFile[31]="omm";							emoName[31]="OMM";
	emoFile[32]="rottura";					emoName[32]="ROTTURA";
	emoFile[33]="sorriso";					emoName[33]="SORRISO";
	emoFile[34]="chianto";					emoName[34]="CHIANTO";
	emoFile[35]="senzascuorno";			emoName[35]="SENZA SCUORNO";
	emoFile[36]="berserk";					emoName[36]="BERSERK";
	emoFile[37]="commozione";				emoName[37]="COMMOZIONE";
	emoFile[38]="gay";							emoName[38]="GAY";
	emoFile[39]="bacio";						emoName[39]="BACIO";
	emoFile[40]="arraggia";					emoName[40]="ARRAGGIA";
	emoFile[41]="sarcasmo";					emoName[41]="SARCASMO";
	emoFile[42]="ricevuto";					emoName[42]="RICEVUTO";
	emoFile[43]="risatella";				emoName[43]="RISATELLA";
	emoFile[44]="stress";						emoName[44]="STRESS";
	emoFile[45]="boh";							emoName[45]="BOH";
	emoFile[46]="azz";							emoName[46]="A FACC RO CAZZ";
	//emoFile[47]="laparella";					emoName[47]="LAPARELLA";

	
	
	numero_pagine=Math.ceil(emoFile.length/18); // calcola il numero di pagine del catalogo (arrotandamento per eccesso)
	emoticons=emoFile.length-1;
	
	// stampa di tutte le emoticone
	for(p=0;p<numero_pagine;p++) // ciclo delle pagine
	{
		display=(p==0)? "block" : "none";
		with(document)
		{ 
			write('<table id="pagina'+p+'" width="680" style="display: '+display+'" border="0" align="center" cellspacing="20" cellpadding="0">');
			write('  <tbody>');
				for(r=0;r<3;r++) // ciclo delle righe
				{
					write('<tr>'); // ogni riga deve contenere 6 emoticone, quindi ogni 6 visualizzate viene scritta una riga
						for(e=1;e<=6;e++) // ciclo delle emoticone
						{
							// le emoticone vengono stampate dalla pił recente (ultimo elemento del vettore emoFile) alla pił vecchia
							i=emoticons-((p*18)+((r*6)+e)-1); // calcola l'indice dell'emoticona nell'array -> la pagina + il numero di riga + l'emoticona nella riga
							if(emoFile[i]!=null)
							{
								write('<td width="90" height="90" background="immagini/cella'+Math.floor(Math.random()*3)+'.jpg" valign="bottom" align="center">');
								write('	<p style="line-height: 13px">');
								write('		<a href="Javascript:mostraScheda(\''+emoName[i]+'\','+p+');" onMouseOver="window.status=\''+emoName[i]+'\'; return true;" onMouseUp="window.status=\''+emoName[i]+'\'; return true;">');
								write('		<img src="immagini/emoticone/'+emoFile[i]+'.gif" border="0">');
								write('	<br><br>');
								//write('	<p style="line-height: 9 px">');
								write('		'+emoName[i]+'</a><br><br>');
								write('	</p>');
								write('</td>');
							}
							else
								write('<td width="90" height="90"></td>');
						}					
					write('</tr>'); // ogni riga deve contenere 6 emoticone, quindi ogni 6 visualizzate viene scritta una riga
			}
			write('  </tbody>');
			write('</table>');
		}				
	}
}

function elencoPagine() // funzione che stampa gli indici delle pagine del catalogo presenti con i relativi collegamenti
{
	with(document)
	{
		write('<a href="Javascript:mostraScheda(\'main\',0);" onMouseOver="window.status=\'MAIN\'; return true;" onMouseUp="window.status=\'MAIN\'; return true;">MAIN</a>&nbsp;&nbsp;');
		write('<a href="Javascript:mostraScheda(\'intro\',0);" onMouseOver="window.status=\'INTRO\'; return true;" onMouseUp="window.status=\'INTRO\'; return true;">Intro</a>&nbsp;');
		for(indicePagina=1;indicePagina<=numero_pagine;indicePagina++) // stampa tutti gli indici relativi alle varie pagine del catalogo
			write('&nbsp;<a href="Javascript:mostraScheda(\'main\','+(indicePagina-1)+');" onMouseOver="window.status=\'Pagina'+indicePagina+'\'; return true;" onMouseUp="window.status=\'Pagina'+indicePagina+'\'; return true;">'+indicePagina+'</a>&nbsp;');
	}
}