var black = "/comun/graficos/black.gif";
var white = "/comun/graficos/white.gif";

var height=1;
var size = 50;
var i;
var currentDate  = new Date();
var x = currentDate;
currentDate.setTime(currentDate.getTime() + (currentDate.getTimezoneOffset()*60000));
var blueMoonDate = new Date(96, 1, 3, 16, 15, 0);
var lunarPeriod  = 29*(24*3600*1000) + 12*(3600*1000) + 44.05*(60*1000);
var moonPhaseTime = (currentDate.getTime() - blueMoonDate.getTime()) % lunarPeriod;
var percentRaw = (moonPhaseTime / lunarPeriod);
var percent    = Math.round(100*percentRaw) / 100;
var percentBy2 = Math.round(200*percentRaw);
var left  = (percentRaw >= 0.5) ? black : white;
var right = (percentRaw >= 0.5) ? white : black;
var time = Math.round((lunarPeriod-moonPhaseTime)/(24*3600*1000));

document.write("<div align=center><center>");
document.write("<table cellpadding=0 cellspacing=0 border=0 align=center>");
document.write("<tr><td height=10 width=10 align=left valign=top class=recuadro-encabezado>");
document.write("<img src=/interfaz/graficos/recuadro-encabezado-izq.gif width=10 height=10></td>");
document.write("<td class=recuadro-encabezado height=10>");
document.write("Fase Lunar");
document.write("</td><td class=recuadro-encabezado valign=top height=10 width=10 align=right>");
document.write("<img src=/interfaz/graficos/recuadro-encabezado-der.gif width=10 height=10></td>");
document.write("</tr><tr><td class=recuadro width=10></td><td class=recuadro align=center>");
document.write("<table cellpadding=0 cellspacing=0 border=0><tr><td align=center>");
if (percentBy2 > 100) {
percentBy2 = percentBy2 - 100;
}
for (i = -(size-1); i < size; ++i) {
var wid=2*parseFloat(Math.sqrt((size*size)-(i*i)));
if (percentBy2 != 100)
document.write ("<img src="+left +" height=1 width="+(wid*((100-percentBy2)/100))+">");
if (percentBy2 != 0)
document.write("<img src="+right+" height=1 width="+(wid*((percentBy2)/100))+">");
document.write("<br>");
}
document.write("Pr&oacute;xima luna llena es en aproximadamente ",time," d&iacute;a");
if (time > 1) document.write("s");
document.write("</td></tr></table>");
document.write("</td><td class=recuadro width=10></td></tr><tr>");
document.write("<td height=10 width=10 align=left class=recuadro>");
document.write("<img src=/interfaz/graficos/recuadro-inf-izq.gif width=10 height=10></td>");
document.write("<td class=recuadro height=10></td>");
document.write("<td class=recuadro height=10 width=10 align=right>");
document.write("<img src=/interfaz/graficos/recuadro-inf-der.gif width=10 height=10></td>");
document.write("</tr></table></center></div>");