// Scrive testo in una textbox
function add_text2(testo)
{
//	document.forms["form1"].elements["textfield"].value = document.forms["form1"].elements["textfield"].value + testo;
	document.write(testo);
}


// Questa funzione genera i layer del menu
function create_tab(elem)
{
	// Crea la tabella e le intestazioni...
	add_text2("<table width=\"100%\" border=\"0\" align=\"center\" cellspacing=\"1\" ><tr><td width=\"100%\" height=\"28\" class=\"BOXtitle\">" + TableTitle + "</td></tr><tr><td height=\"28\" align=\"center\" valign=\"top\">");
	add_text2("<table bgcolor=\"#000000\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"4\"><tr class=\"BIGheader\"><td class=\"BIGheader\" width=\"35%\">Titolo Film</td><td class=\"BIGheader\" width=\"65%\">Orario spettacoli</td></tr> ");

	// Aggiunge le righe dei film
	for (i=0; i<elem.length; i++)
	{
		if (i % 2 == 0)
		{
			add_text2("<tr class=\"BIGline1\">");
		}
		else
		{
			add_text2("<tr class=\"BIGline2\">");
		}
		//add_text2(" onmouseover=\"panel_card("+elem[i][0]+")\">");
		add_text2("<td class=\"BIGfield\" onmouseover=\"panel_card("+elem[i][0]+")\">")
//		add_text2("<a href=\"JavaScript:show_card(" + elem[i][0] + ")\">" + elem[i][1] + "</a></td>"); 
		add_text2(elem[i][1] + "</td>"); 
		add_text2("<td class=\"BIGvalue\">");
		// Aggiunge i tipi di orario
		for (j=0; j< elem[i][2].length; j++)
		{
			// Ricaviamo gli elementi
			del_index = elem[i][2][j].indexOf("$");
			orario = elem[i][2][j].substring(del_index + 2, elem[i][2][j].length);
			categoria = elem[i][2][j].substring(0, del_index);
			// Scriviamo sul documento
			add_text2("<span class=\"BIGcategory\">"+categoria+":</span>"+orario);
			// Se c'è un'altro elemento andiamo a nuova riga
			if ( elem[i][2][j+1] )
			{
				add_text2("<br>");
			}
		}
		// Chiudiamo la cella e la riga
		add_text2("</td></tr>");
	}

	// Chiude tutto
	add_text2("</table></td></tr></table>");
}

// Questa funzione crea la finestra con le informazioni del film
function show_card(elem)
{
	var pos;
	
	// Ricerca del record con codice passato
	for (var i = 0; i < movies.length; i++)
	{
		if (movies[i][0] == elem)
		{
			pos = i;
			i = movies.length;
		}			
	}
	// Prima parte della pagina
	HTML = "<html><head><title>Scheda Film</title><link href=\"stili\\card.css\" rel=\"stylesheet\" type=\"text/css\"></head><body><div id=\"label\">";
	// Layer con locandina
	HTML += movies[pos][1] + "</div><div id=\"card\"><div id=\"poster\"><img height=\"280\" width=\"200\" src=\".\\movies\\movie" + movies[pos][0] +".jpg\"></div>";
	// Layer tabella informazioni
	HTML += "<div id=\"detail\"><div id=\"info\"><table width=\"100%\" border=\"0\" class=\"value\">";
	HTML += "<tr><td colspan=\"2\"><span class=\"field\">Titolo originale:</span> "+ movies[pos][2]+"</td></tr>";
	HTML += "<tr><td width=\"63%\"><span class=\"field\">Nazionalit&agrave;:</span> "+ movies[pos][6] +"</td><td width=\"37%\"><span class=\"Field\">Durata:</span> "+ movies[pos][4]+ " min</td></tr>";
	HTML += "<tr><td><span class=\"field\">Genere:</span> "+ movies[pos][5]+ "</td><td><span class=\"field\">Anno:</span> "+ movies[pos][3]+ "</td></tr>";
	HTML += "<tr><td colspan=\"2\"><span class=\"field\">Regia:</span> "+ movies[pos][8]+ "Tom Shadyac</td></tr>";
	HTML += "<tr><td colspan=\"2\"><span class=\"field\">Interpreti:</span> " + movies[pos][9]+ "</td></tr>";
	HTML += "</table></div>";
	// Layer trama
	HTML = HTML + "<div id=\"story\"> <span class=\"field\">Trama:</span><br>"+ movies[pos][10]+"</div>";
	// Chiude i layer e il documento
	HTML = HTML + "</div></div></body></html>";
	
	
	// Calcola i parametri per aprire la nuova finestra	
	w = 620;
	h = 350;
  	LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
  	TopPosition = (screen.height) ? (screen.height-h)/2 : 0;

  	settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition;
  	settings += ',scrollbars=no,resizable=no,toolbar=no,location=no,directories=no,status=no,menubar=no';

	popupWnd = window.open('','Movies',settings)

	popupWnd.document.open();
	popupWnd.document.write(HTML);
}

// Questa funzione crea la scheda che viene visualizzata nel box di destra
function panel_card(elem)
{
	var HTMLtext;
	var pos;
	
	// Ricerca del record con codice passato
	for (var i = 0; i < movies.length; i++)
	{
		if (movies[i][0] == elem)
		{
			pos = i;
			i = movies.length;
		}			
	}


	
	HTMLtext = "<table id=\"CARDtitle\" width=\"100%\" height=\"100%\" valign=\"middle\"><tr><td>"+ movies[pos][1] +"</td></tr></table>";
	HTMLtext += "<center><img name=\"poster\" id=\"CARDposter\" alt=\"[ Poster ]\" src=\"\" width=\"150\"></center>";
	HTMLtext += "<div id=\"CARDdetail\" class=\"CARDfield\">Genere: <span class=\"CARDvalue\">"+movies[pos][5]+"</span><br><br>";
	if (movies[pos][4] > 0)
	{
		HTMLtext += "Durata: <span class=\"CARDvalue\">"+ movies[pos][4]+ " min</span><br/><br/>"
	}

	HTMLtext += "Regia:<br> <div class=\"CARDvalue\">"+movies[pos][8]+"</div><br>";
	HTMLtext += "Cast:<br> <div class=\"CARDvalue\">"+movies[pos][9]+"</div></div>";
	
	oggetto= document.getElementById("rightpanel");
	oggetto.innerHTML = HTMLtext;

	for (var i = 0; i < IMGar.length; i++)
	{
		if (IMGar[i].src.indexOf("movie"+movies[pos][0]+".jpg") > 0)
		{
			document.images.poster.src = IMGar[i].src;
		}			
	}

  	fadeIn(30,100,"poster");
}


   function fadeIn(i,j,fadeObject){
      document.images[fadeObject].filters.alpha.opacity=i;
      i++;
      if (i<j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0);
      }
      
// Queste funzioni lavorano con i layer (li fanno comparire)
// Per far funzionare queste routine è comunque necessario (tramite CSS)
// mettere una proprietà opacity all'oggetto che si vuole manipolare
//   function fadeIn(i,j,fadeObject){
//      document.getElementById(fadeObject).filters.alpha.opacity=i;
//      i++;
//      if (i<j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0);
//      }
//   function fadeOut(i,j,fadeObject){
//      document.getElementById(fadeObject).filters.alpha.opacity=i;
//      i--;
//      if (i>j) setTimeout("fadeOut("+i+","+j+",'"+fadeObject+"')", 0);
//      }
