var FormName = "frmBook";
var TargetControl = "FromDate";
var calendar = new Date();
var fixdate = new Date();
var X;
var DataEscolhida;
var Dia,Mes,Ano;

function Timer(){X = setTimeout("SetOff()",2000);}
function CLRTimeout(){X = clearTimeout(X);}
function SetOff(){if (X){document.all("calendario").style.display="none";X = clearTimeout(X);}}
function ChooseDate(Data)
{
  document.forms[FormName][TargetControl].value = Data;
  document.all("calendario").style.display="none";
}

function CreateCalendar()
{
  DataEscolhida = document.forms[FormName][TargetControl].value;
  if (DataEscolhida != "")
  {
    Data = DataEscolhida.split("/");
    Dia = Data[0];
    Mes = Data[1];  
    Ano = Data[2];  
    var fixdate = new Date(Mes + "/" + Dia + "/" + Ano);
  }
  else
  {
    var fixdate = new Date();
  }
  ShowCalendar(fixdate.getMonth(),fixdate.getYear());
}

function ShowCalendar(Month,Year)
{

  var Target = "txtDateIn"
  calendar.setMonth(Month);
  calendar.setYear(Year);
  
  var row = "";
  row = "<table class=\"text\" width=\"175\" style=\"position:absolute;\" cellpadding=\"2\" cellspacing=\"0\" border=\"1\" bgcolor=\"#FFFFFF\" bordercolor=\"#EEEEEE\" class=\"txt\"><tr><td colspan=\"7\"bgCOLOR=\"#ededed\" height=\"8\"></td></tr><td colspan=\"7\" class=\"mes\">";

  var mes;
  mes = new Array("Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro")
  var finalday;
  finalday=(calendar.getYear()%4==0?29:28)
  var monthdays = new Array(31,finalday,31,30,31,30,31,31,30,31,30,31)

  var Months;
  Months = "<select id=\"slcmonths\" onmouseover=\";CLRTimeout()\"  class=\"day\" style=\"width:115px\" onchange=\"ShowCalendar(document.getElementById('slcmonths').options[document.getElementById('slcmonths').options.selectedIndex].value,document.getElementById('slcyears').options[document.getElementById('slcyears').options.selectedIndex].value)\">";
  for(i=0;i<=mes.length-1;i++)
  {    
    var status = "";
    if(i==calendar.getMonth()){status="selected"}
    Months += "<option "+ status +" value=\""+ i +"\">"+mes[i]+"</option>";
  }
  Months += "</select>";
  row += Months;
   
  var Years;
  Years = "<select onmouseover=\"CLRTimeout()\" id=\"slcyears\" class=\"day\" onchange=\"ShowCalendar(document.getElementById('slcmonths').options[document.getElementById('slcmonths').options.selectedIndex].value,document.getElementById('slcyears').options[document.getElementById('slcyears').options.selectedIndex].value)\">";
  for(i=fixdate.getYear();i<=fixdate.getYear()+2;i++)
  {
    var status = "";
    if(i==calendar.getYear()){status="selected"}
    Years += "<option "+ status +" value=\""+ i +"\">"+i+"</option>";
  }
  Years += "</select>";
  row += Years;

  row += " </td>  </tr><tr class=\"weekday\"><td class=\"weekday\" bgcolor=\"#F0F0F0\">D</td><td class=\"weekday\" bgcolor=\"#F0F0F0\">S</td><td class=\"weekday\" bgcolor=\"#F0F0F0\">T</td><td class=\"weekday\" bgcolor=\"#F0F0F0\">Q</td><td class=\"weekday\" bgcolor=\"#F0F0F0\">Q</td><td class=\"weekday\" bgcolor=\"#F0F0F0\">S</td><td width=\"22\" height=\"17\" class=\"weekday\" bgcolor=\"#F0F0F0\">S</td></tr><tr>";

  var Days = "";
  dia1 = new Date((calendar.getMonth()+1)+"/01/"+calendar.getYear())
  mesatual = new Date();
  
  for (i=1;i<=monthdays[calendar.getMonth()];i++)
  {
    D=(i<10)?"0"+i:i;
    M=((calendar.getMonth()+1)<10)?"0"+(calendar.getMonth()+1):(calendar.getMonth()+1);    
    var Data = D + "/" + M + "/" + calendar.getYear()
    if((i==1)&&(dia1.getDay()!=0))
    {
      for(j=0;j<dia1.getDay();j++)
      {
        Days=Days+ "<td>&nbsp;</td>"
      }
    }
    if ((calendar.getMonth() < mesatual.getMonth()) && (calendar.getYear() == mesatual.getYear()))
    {
      Days+="<td class=\"indisponivel\">"+D+"</td>";   
    }
    else
    {  
    if(i<=(calendar.getDate()) && i!=calendar.getDate() && (calendar.getMonth() <= mesatual.getMonth()) && (calendar.getYear() == mesatual.getYear())){ Days=Days+ "<td class=\"indisponivel\">"+D+"</td>";}    
    else if(i==calendar.getDate() && calendar.getMonth() <= fixdate.getMonth() && calendar.getYear() <= fixdate.getYear()){ Days=Days+ "<td class=\"today\">"+D+"</td>";}
    else if(i==calendar.getDate() && (calendar.getMonth() >= fixdate.getMonth() && calendar.getYear() >= fixdate.getYear())){Days=Days+ "<td class=\"today\"><a href=\"javascript:ChooseDate('"+Data+"')\" class=\"today_active\">" +D+ "</a></td>";}    
    else if((i==Dia) && (calendar.getMonth()+1 == Mes) && (calendar.getYear() == Ano)){ Days=Days+ "<td class=\"DiaEscolhido\" background=\"images/bg_calendar_today.gif\">"+D+"</td>";}    
    else {Days=Days+"<td align=\"center\"><a href=\"javascript:ChooseDate('"+Data+"')\">" +D+ "</a></td>"; }
    }
    diai = new Date((calendar.getMonth()+1)+"/"+i+"/"+calendar.getYear())
    //alert(diai);
    //alert(diai.getDay());
    if((i<monthdays[calendar.getMonth()])&&(diai.getDay()==6)){ Days=Days+ "</tr><tr>";}
    if((i==monthdays[calendar.getMonth()])&&(diai.getDay()!=6)){for(j=diai.getDay();j<6;j++){Days=Days+"<td>&nbsp;</td>";}}
  }
  row += Days;  
  row += "</tr></table>";
    
  document.all("calendario").innerHTML = row;
}