var closebutton = "image/x.gif"; //percorso del bottone di chiusura

var raampje, xtra, ytra;
function sleepen(){if (event.button!=1)return;	
raampje = eval("maildiv");temp1=raampje.style.posLeft;
temp2=raampje.style.posTop;xpos=event.clientX;
ypos=event.clientY;xtra = temp1-xpos;
ytra = temp2-ypos;document.onmousemove=plaats;}
function plaats(){if (event.button==1){
raampje.style.pixelLeft=event.clientX+xtra;
raampje.style.pixelTop=event.clientY+ytra;return false;}}

function raam(inside, color){		
titlecolor = "blue"; 						
opacitytitle =92;		
var thisspan = eval("maildiv.style") 
thisspan.pixelLeft = document.body.scrollLeft + 100;		
thisspan.pixelTop =  document.body.scrollTop + 100;
thisspan.visibility="visible";
output = "<table cellpadding=0 cellspacing=0 width=761 border=0 bgcolor=#FFFFFF style='border:1px solid #666666; filter:alpha(opacity="+opacitytitle+");'><tr><td>";

output += "			<div align=justify><table width=761 border=0 cellspacing=0 cellpadding=0 >"
output += "  <tr>"
output += "   <td><img src=image/top_popup_transparent_gatti.gif alt=\"sposta questa finestra\" onmousedown='sleepen()' style='cursor:hand' onmouseup='JavaScript:document.onmousemove=\"\" ' style='filter:alpha(opacity="+opacitytitle+");'><input type='image' alt=\"Chiudi questa finestra\" onclick='closeraam()' src='"+closebutton+"'></td>"
output += "  </tr>"
output += "  <tr>"
output += "    <td><table width=760 border=0 cellspacing=0 cellpadding=0>"
output += "      <tr>"
output += "        <td valign=top><table width=350  border=0 align=center cellpadding=0 cellspacing=0>"
output += "          <tr>"
output += "           <td valign=top><br>"
output += "              <img src=image/certosino_titolo.gif width=371 height=23><br><br><font style='font-size:11px;' face= Verdana, Arial, Helvetica, sans-serif color=#000000><font color=#ff6600><b>Comportamento e Temperamento</b></font><br>Equilibrato, molto dolce ed affettuoso, e abbastanza indipendente e ama cacciare uccellini e piccoli topi che poi ci porter&agrave; per avere la nostra approvazione. Molto robusto non necessita di cure particolari.<br><br>"
output += "				 <font color=#ff6600><b> Storia</b></font><br>Il certosino &egrave; originario della Turchia o dell'Iran, &egrave; giunto in europa nel 1500 d.c. grazie a navi mercantili. E' stato sfruttato per la sua pelliccia che tinta e rasata, veniva fatta passare per pelliccia di lontra. Alcune leggende dicono che nel 1600 i monaci certosini lo allevavano per l'abilit&agrave; nella caccia che sfruttavano per proteggere i granai dai roditori.<br><br><br><br></font></td>"
output += "          </tr>"
output += "        </table></td>"
output += "        <td width=1 bgcolor=#689ECA><img src=image/dot.gif width=1 height=1></td>"
output += "        <td valign=top><table width=350  border=0 align=center cellpadding=0 cellspacing=0>"
output += "         <tr>"
output += "           <td valign=top><br><br><br>"
output += "      <img src=image/dot.gif width=1 height=22><font style='font-size:11px;' face= Verdana, Arial, Helvetica, sans-serif color=#000000><font color=#ff6600><b>Taglia / Peso </b></font><br>Medio-grande, possente e ben muscoloso anche se conserva una notevole armonia.<br><br><font color=#ff6600><b>Mantello</b></font><br>"
output += "      Pelliccia folta, vaporosa, morbida, sostenuta da un fitto sottopelo lanoso, rimane sollevata dal corpo. Il colore &egrave; blu-grigio uniforme su tutto il corpo.</font></td>"
output += "          </tr>"
output += "        </table></td>"
output += "     </tr>"
output += "   </table></td>"
output += "  </tr>"
output += "</table>"
output += "</td></tr></table></div>";



maildiv.innerHTML = output;
}function closeraam(){maildiv.style.visibility="hidden";}

function popup()
{
outp = "";
outp += "<div align=center><input type='image' alt=\"Chiudi questa finestra\" onclick='closeraam()' src='"+closebutton+"'></div>";
raam(outp, "");
}