
function KalenderResultaat() {}

/* De onderstaande code, die het style-block maakt, moet worden aangepast */
document.write('<style type="text/css">');
document.write('.monthrow {color: #ffffff; background: #513F3F; font-weight: 900; text-align:center; cursor:pointer;cursor:hand}');
document.write('.dayrow {color:#ffffff; background:#513F3F}');
document.write('.boldface {color:#ffffff; background:#513F3F}');
document.write('.ri{text-align:right;cursor:default}');
document.write('td {font-size:90%;}');
document.write('table {background:#8E7A71;}');
document.write('.tpc{margin-top:1px; margin-bottom:1px; margin-left:1px; margin-right:1px;}');
document.write('</style>');

/* Hieronder niets wijzigen, tenzij... */
var GekozenDatum = new Date();        // Datumvariabele , deze kan gebruikt worden door het hele script heen,
                                      // dus ook in function KalenderResultaat()

function schrikkel(jaar){
  if(((jaar % 4 ==0) && (jaar % 100 != 0)) || (jaar % 400 == 0)) return 1; // wel schrikkeljaar
  else return 0; // geen schrikkeljaar
}

/* Constanten voor de communicatie met de gebruiker van de web-pagina */
var maandNaam = new Array("januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december");
var maandLgt = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var dagnaam = new Array("zo","ma","di","wo","do","vr","za");

var nu = new Date();
var mnd_nu = nu.getMonth(), jaar_nu = nu.getYear();  // globale variabelen
if(jaar_nu < 1000) jaar_nu += 1900; // Netscape/Firefox en Opera fout opvangen
var dag,dat,mnd,jaar,lgt,str;                      
var start = false;
var HuidigeMaand = true;

function MaandKalender() {  // Maak de HTML voor de Kalender
  dag = nu.getDay();
  dat = nu.getDate();
  mnd = nu.getMonth();
  jaar = nu.getYear();
  lgt = maandLgt[mnd];
  if(mnd==1 && schrikkel(jaar)) lgt++;
  start = false;

  var tmpDat = dat;
  for (i = 0; i < 31; i++){
    if(--tmpDat>0) dag--;
    if(dag<0) dag = 6;
    if(tmpDat<=0) break;
  } 
  if(jaar < 1000) jaar += 1900; // Netscape/Firefox en Opera fout opvangen
  /* Tabel opbouwen */
  str = "<table class='tpc' border='0' cellspacing='0'><tr>";
  str += "<td class='monthrow' onclick='ToonMaand(-1)'><img src='prev.gif' alt='Vorige Maand' width='5' height='9' border='0'></td>";
  str += "<td colspan='5' class='monthrow' onclick='ToonMaand(0)'>"+maandNaam[mnd]+'&nbsp;'+jaar+"</td'>";
  str += "<td class='monthrow' onclick='ToonMaand(1)'><img src='next.gif' alt='Volgende Maand' width='5' height='9' border='0'></td>";
  str += "</tr><tr class='ri'>";
  for (i = 0; i < 7; i++) str += "<td class='dayrow'>"+dagnaam[i]+"</td>";
  dagNr = 1;
  for (i = 0; i < 7; i++){
    str += "<tr class='ri'>";
    for (wkdg = 0; wkdg < 7; wkdg++){
      str += "<td onclick='Datum("+dagNr+")'>";
      if (wkdg == dag) start=true;
      if(start){
        if (dagNr == dat && HuidigeMaand) str += "<span class='boldface'>";
        if (dagNr <= lgt) str += dagNr++;
        if (dagNr == dat && HuidigeMaand) str += "</span>";
      }
      str += "</td>";
    }
    str += "</tr>";
  }
  str += "</table>";
  /* Tabel gereed, zet hem op het scherm */
  document.getElementById('Kalenderblad').innerHTML = str;
}

function ToonMaand (indic) { // Vervang de inhoud van de maandkalender: vorige, volgende, huidige maand
  if (indic < 0) { // Vorige maand
    mnd--;
    if (mnd < 0) {mnd = 11; jaar--}
    nu.setYear(jaar);
    nu.setMonth(mnd);
    HuidigeMaand = false;
    if (mnd_nu == mnd) HuidigeMaand = true;
  }
  if (indic == 0) { // Reset naar datum van vandaag
    nu.setMonth(mnd_nu);
    nu.setYear(jaar_nu);
    HuidigeMaand = true;
  }
  if (indic > 0) {  // Volgende maand
    mnd++;
    if (mnd > 11) {mnd = 0; jaar++}
    nu.setYear(jaar);
    nu.setMonth(mnd);
    HuidigeMaand = false;
    if (mnd_nu == mnd) HuidigeMaand = true;
  }
  MaandKalender();  // Pas de jkalender op het scherm aan
}

function Datum(dag) {  // Reageer op ee klik op de kalender. Uiteindelijke actie door KalenderResultaat()
  GekozenDatum.setDate(dag);
  GekozenDatum.setMonth(mnd);
  GekozenDatum.setYear(jaar);
  GekozenDatum.setHours(0);
  GekozenDatum.setMinutes(0);
  GekozenDatum.setSeconds(0);
  KalenderResultaat();
}


