var d = document;

// completo gli stili pupi con alcuni stili dinamici
d.write("<style>");
d.write("#faccia{  position:absolute;top:0;left:-" + ( Math.round( wpupo  ) / 2 )  + "px;width:"  + wpupo + "px;height:" + hpupo + "px; }" );
			 
d.write("#fumetto{  position:absolute;bottom:2px;left:-" + Math.round( ( dimfumetto  ) / 2 ) + "px;width:"  + dimfumetto +  "px;height:auto;text-align:center;cursor:pointer; }" );
			 
d.write("#buccia_etichetta{  position:absolute;width:"  + dimetichetta + "px;top:" + ( hpupo+2 ) + "px;left:-" +  Math.round( ( dimetichetta  ) / 2 ) + "px;text-align:center; } " );


d.write("</style>");

d.write("<div id='chatHTML'>");

d.write("<div id='startupHTML' class='fixed' >");
d.write(  "<table><tr>");
d.write(      "<td><img src='" + PATH_CHAT + "/_media/logo.jpg' title='ChatOnBlog' border='0' /></td>");

var url_img_vr1 = ABS_PATH + "_chat/_isWebMasterOnline.jsp?room=" + escape( NOME_ROOM ) + "&imgsi=" + escape( "_media/vuota.gif" ) + "&imgno=" + escape( "_media/WebMasterOffline.jpg" );
var url_img_vr2 = ABS_PATH + "_chat/_isWebMasterOnline.jsp?room=" +  escape( NOME_ROOM ) + "&imgsi=" + escape( "_media/WebMasterOnline.jpg" ) + "&imgno=" + escape( "_media/vuota.gif" );
var url_img_chat = PATH_CHAT + "/_media/start.jpg";

if ( modalitaVirtualReception )
 {
  d.write(      "<td><img src='" + url_img_vr1 + "' onClick='wm_offline()' /></td>");
  d.write(      "<td><img src='" + url_img_vr2 + "'  title='Parla con noi'  onClick='wm_online()' /></td>");
 }
else
 {
  d.write(       "<td><img src='" + url_img_chat + "'  title='Avvia ChatOnBlog'  onClick='startup()' /></td>");
 }
 
d.write(  "</tr></table>");
d.write("</div>");


d.write("<div id='offlineHTML' class='fixed' style='visibility:hidden' >");
d.write("<div class='content'>");
d.write(  "<table>");
d.write(    "<tr>");
d.write( 	  "<td><a href='http://www.liveplaza.it'><img src='" + PATH_CHAT + "/_media/logo.jpg' title='ChatOnBlog' border='0' /></a></td>");
d.write(      "<td><nobr><span id='OL_messaggio'>mex</span></nobr></td>");
d.write(      "<td><img src='" + PATH_CHAT + "/_media/mail.jpg'  title='Email al Webmaster'  onClick='email()' /></td>");
d.write(    "</tr>");
d.write(  "</table>");
d.write(   "<div class='logo'>");
d.write(    "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='120' height='30'>");
d.write(      "<param name='movie' value='" + PATH_CHAT + "/_media/powered.swf' />");
d.write(      "<param name='quality' value='high' />");
d.write(      "<param name='wmode' value='transparent' />");
d.write(      "<embed src='" + PATH_CHAT + "/_media/powered.swf' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='120' height='30' wmode='transparent' />");
d.write(    "</object>");
d.write(  "</div>");
d.write(  "</div>");
d.write("</div>");

d.write("<div id='pupoChooserHTML'  class='fixed' style='visibility:hidden' >");
d.write("<div class='content'>");
d.write("<form name='FORM_PUPOCHOOSER' action='' onSubmit='return entra( this  )' >");
d.write(  "<table>");
d.write(    "<tr>");
d.write( 	  "<td><a href='http://www.liveplaza.it'><img src='" + PATH_CHAT + "/_media/logo.jpg' title='ChatOnBlog' border='0' /></a></td>");
d.write(	  "<td>nickname</td>");
d.write(      "<td><input name='PC_nickname' id='PC_nickname' type='text' size='12'></td>");

if ( loginRichiesto )
  {
   d.write(	  "<td>pw</td><td><input name='PC_password' id='PC_password' type='password' size='12'></td>");
   d.write(	  "<td><img src='" + PATH_CHAT + "/_media/registrati.jpg'  title='Registrati'  onClick='registrati()' /></td>");
  }
  
d.write(      "<td><nobr>usa faccine</nobr></td>");
d.write(	  "<td><input type='checkbox' name='PC_faccine' id='PC_faccine' checked ></td>");
d.write(	  "<td>personaggio</td>");
d.write(      "<td>");
d.write(	   "<select name='PC_personaggio' id='PC_personaggio' onChange='impostaAnteprimaPupoChooser()'></select>");
d.write(      "</td>");
d.write(	  "<td id='PC_anteprima'></td>");
d.write(	  "<td><input type='image' src='" + PATH_CHAT + "/_media/entra.jpg'  title='Entra' /></td>");
d.write(      "<td><nobr><span id='num_visitatori'></span></nobr></td>");
d.write(    "</tr>");
d.write(  "</table>");
d.write( "</form>");
d.write(   "<div class='logo'>");
d.write(    "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='120' height='30'>");
d.write(      "<param name='movie' value='" + PATH_CHAT + "/_media/powered.swf' />");
d.write(      "<param name='quality' value='high' />");
d.write(      "<param name='wmode' value='transparent' />");
d.write(      "<embed src='" + PATH_CHAT + "/_media/powered.swf' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='120' height='30' wmode='transparent' />");
d.write(    "</object>");
d.write(  "</div>");
d.write(  "</div>");
d.write("</div>");

d.write("<div id='chatterHTML'  class='fixed' style='visibility:hidden'  draggable='false' draganchor='false'>");
d.write("<div class='content'>");
d.write("<form name='FORM_CHATTER' action='' onSubmit='return inviaBattuta( this  )' >");
d.write(  "<table>");
d.write(    "<tr>");
d.write( 	  "<td><a href='http://www.liveplaza.it'><img src='" + PATH_CHAT + "/_media/logo.jpg' title='ChatOnBlog - Chat personalizzate per il tuo blog - sito - forum' border='0' /></a></td>");
d.write(	  "<td><img id='bottone_chatbox' src='" + PATH_CHAT + "/_media/mostra_chatbox.jpg' onClick='showChatbox()' title=''  /></td>");

if ( URL_FCS != null ) {
d.write(      "<td><img id='microfono' src='" + PATH_CHAT + "/_media/imageMicrofonoBW.gif' width='14' height='25' onclick='audioStreaming()' /></td>");
d.write(      "<td><img id='webcam' src='" + PATH_CHAT + "/_media/imageWebcamBW.gif' width='14' height='25' onclick='videoStreaming()' /></td>");
}

d.write(      "<td>testo</td>");
d.write(      "<td><input name='CH_testo' id='CH_testo' type='text' size='35'></td>");
d.write(      "<td>espr.</td>");
d.write(      "<td><select name='CH_espressione' id='CH_espressione' onChange='impostaAnteprimaChatter()'>");
d.write(	   "<option value=''>nessuna</option>");
d.write(      "</select></td>");
d.write(      "<td id='CH_anteprima'><!-- dimanicamente ci carico le enteprime --></td>");
d.write(	  "<td>audio</td>");
d.write(      "<td><select name='CH_audioclip' id='CH_audioclip'  >");
d.write(	   "<option value=''>nessuna</option></select></td>");
d.write(	  "<td><img src='" + PATH_CHAT + "/_media/speaker.gif' title='ascolta anteprima audioclip' width='12' height='12' onClick='ascolta()'/></td>");
d.write(	  "<td>per</td>");
d.write(      "<td><select name='CH_destinatario' id='CH_destinatario'></select></td>");
d.write(	  "<td><input type='image' src='" + PATH_CHAT + "/_media/invia.jpg'  title='Invia'  /></td>");
d.write(	  "<td><img src='" + PATH_CHAT + "/_media/esci.jpg'  title='Esci'  onClick='esci()' /></td>");
d.write(	  "<td><img src='" + PATH_CHAT + "/_media/pvt.jpg' title='invita in privato' onClick='preparaInvito()'/></td>");
d.write(	  "<td><img id='bottone_faccine' src='" + PATH_CHAT + "/_media/mostra_faccine.jpg' title=''  onClick='showFaccine()'/></td>");
d.write(    "</tr>");
d.write(  "</table>");
d.write(  "</form>");
d.write(   "<div class='logo'>");
d.write(    "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='120' height='30'>");
d.write(      "<param name='movie' value='" + PATH_CHAT + "/_media/powered.swf' />");
d.write(      "<param name='quality' value='high' />");
d.write(      "<param name='wmode' value='transparent' />");
d.write(      "<embed src='" + PATH_CHAT + "/_media/powered.swf' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='120' height='30' wmode='transparent' />");
d.write(    "</object>");
d.write(  "</div>");
d.write(   "<div id='etichetta' onclick='audioStreaming()'>etichetta</div>  ");
d.write( "</div>");
d.write("</div>");

d.write("<div id='inviterHTML' style='visibility:hidden' >");
d.write( "<form name='FORM_INVITER' action='' onSubmit='return inviaInvito( this  )' >");
d.write(  "<table>");
d.write(    "<tr id='titolo'><td colspan='10' align='center'>Invita in privato</td></tr>");
d.write(    "<tr>");
d.write(      "<td>destinatari</td>");
d.write(      "<td><select name='IN_destinatari' size='4' multiple id='IN_destinatari'>");
d.write(       "</select></td>");
d.write(      "<td>testo invito</td>");
d.write(      "<td><input name='IN_testo' id='IN_testo' type='text' size='40'></td>");
d.write(      "<td>stanza</td>");
d.write(      "<td><select name='IN_stanza' >");
d.write(	      "<option value='" + PATH_CHAT + "/room_privataBlogStreaming.jsp|470|360'>Streaming</option>");
d.write(		  "<option value='" + PATH_CHAT + "/room_privataBlog.jsp|470|360'>Spiaggia</option>");
d.write(	      "<option value='" + PATH_CHAT + "/room_privataStadio.jsp|800|600'>Stadio</option>");
d.write(		  "<option value='" + PATH_CHAT + "/room_privataCarte.jsp|800|600'>Carte</option>");
d.write(		  "</select>");
d.write(	  "</td>");
d.write(      "<td><input name='Invita' type='submit' id='Invita' value='Invita' ></td>");
d.write(      "<td><input name='Annulla' type='button' id='Annulla'  onclick='annullaInvito()' value='Annulla' ></td>");
d.write(    "</tr>");
d.write("  </table>");
d.write(" </form>");
d.write("</div> ");

d.write("<div id='chiacchiereHTML'  class='fixed' resizable='true' expand_dir='NE' style='visibility:hidden'>");
d.write( "<div id='shadow_chiacchiere' class='xroundbox'>");
d.write(  "<b class='rtop'><b class='r1'></b><b class='r2'></b><b class='r3'></b><b class='r4'></b></b>");
d.write(  "<div id='shadow_inner' class='xboxcontent'></div>");
d.write(  "<b class='rbottom'><b class='r4'></b><b class='r3'></b><b class='r2'></b><b class='r1'></b></b>");
d.write( "</div>");

d.write( "<div id='div_chiacchiere' "); 
if ( isFF )  d.write(" resizeanchor='true' " );
d.write(" >" );

d.write(   "<div class='tl' ><img src='" + PATH_CHAT + "/_media/tl.gif'/></div>");
d.write(   "<div class='tr' ><img src='" + PATH_CHAT + "/_media/tr.gif'/></div>");
d.write(   "<div class='bl' ><img src='" + PATH_CHAT + "/_media/bl.gif'/></div>");
d.write(   "<div class='br' ><img src='" + PATH_CHAT + "/_media/br.gif'/></div>");
d.write(   "<div class='t' ></div>");
d.write(   "<div class='r' ></div>");
d.write(   "<div class='b' ></div>");
d.write(   "<div class='l' ></div>");

if  ( ! isFF ) d.write( "  <div id='scrolla_chiacchiere' resizeanchor='true' ></div> " );

d.write(   "<div id='corpo_chiacchiere' ></div>");
d.write( "</div>");
d.write("</div>");

d.write("<div style='display:none' id='matrici'><!-- il div che contiene le matrici -->");

d.write( "<div id='matrice_pupo' class='pupo' personaggio='' nickname='' draggable='' moveNotified='true' >");
d.write(   "<div id='fumetto' class='xroundbox' style='display:none' onClick='cliccatoFumetto( this )' >");
d.write(   "<b class='rtop'><b class='r1'></b><b class='r2'></b><b class='r3'></b><b class='r4'></b></b>");
d.write(        "<div id='testo_fumetto' class='xboxcontent'><!--testo fumetto--></div>");
d.write(   "<b class='rbottom'><b class='r4'></b><b class='r3'></b><b class='r2'></b><b class='r1'></b></b>");
d.write(   "</div>");
d.write(   "<div id='faccia'>");
d.write(     "<object draganchor='true' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='100%' height='100%'>");
d.write(       "<param name='movie' value='" + PATH_CHAT + "/" + PATH_PUPI + "/PERSONAGGIO/image/ESPRESSIONE' />");
d.write(       "<param name='quality' value='high' />");
d.write(       "<param name='scale' value='scale' />");
d.write(       "<param name='wmode' value='transparent' />");
d.write(       "<embed draganchor='true' src='" + PATH_CHAT + "/" + PATH_PUPI + "/PERSONAGGIO/image/ESPRESSIONE' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='100%' height='100%' wmode='transparent' scale='scale' />");
d.write(     "</object>");
d.write(   "</div>");
d.write(   "<div id='buccia_etichetta'><nobr><span id='etichetta'>ETICHETTA</span>");

if ( URL_FCS != null ) {
d.write("<img id='orecchio' src='" + PATH_CHAT + "/_media/orecchio.gif'  border='0' />");
}

d.write(    "</nobr></div>");
d.write("</div>");


d.write( "<div id='matrice_anteprima'>");
d.write(   "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='35' height='25'>");
d.write(     "<param name='movie' value='" + PATH_CHAT + "/" + PATH_PUPI + "/PERSONAGGIO/image/ESPRESSIONE'>");
d.write(     "<param name='quality' value='high'>");
d.write(     "<param name='scale' value='exactfit' />");
d.write(     "<param name='wmode' value='transparent' />");
d.write(     "<embed src='" + PATH_CHAT + "/" + PATH_PUPI + "/PERSONAGGIO/image/ESPRESSIONE' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='35' height='25' wmode='transparent' scale='exactfit' />");
d.write(   "</object>");
d.write( "</div>");

d.write("</div>");

//div per pupi
d.write("<div id='pupi' class='fixed' style='display:none'>");


//div dummy da cui creare pupi senza refresh
d.write("<div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div><div dummy='1'></div>");

d.write("</div>");

d.write("<!-- chiudo div chatHTML che contiene tutti gli elementi -->");
d.write("</div>");


//il form per vaiURL, popup, ecc...
d.write("<form name='FORM' style='display:none' action='' method='POST'>");
d.write("<input type='hydden' name='newUrl' />");
d.write("<input type='hydden' name='idDaChiudere' />");
d.write("<input type='hydden' name='nickName' />");
d.write("<input type='hydden' name='personaggio' />");
d.write("<input type='hydden' name='classePupo' />");
d.write("<input type='hydden' name='nomeStanza' />");
d.write("</form>");


//preparo HTML per startup
var objHTML = preparaObjectTag( url ,  STAGE_WIDTH  , STAGE_HEIGHT, 'exactfit' , 'transparent' );

//creo div chatbox
var startuppa = ( ( isMasterClient ) || ( loadStartup ) || ( readCookie("flash_startup") != null ) );

d.write("<div id='chatbox' class='fixed'>");   
if ( startuppa ) {  d.write( objHTML ); }
d.write("</div>" );
	
//mostro o nascondo startup
d.getElementById("startupHTML").style.visibility = ( startuppa ? "hidden" : "visible" );