/* prevent older borswer to choke on javascript*/
/* <![CDATA[ */


// Preload images script
var myimages=new Array();

//         <img alt='kanji - Aikido' src="../images/kanji_f203.gif">


// The path of images to be preloaded inside parenthesis: (Extend list as desired.)
preloadimages("images/PrevYrOff40x40.jpg","images/PrevYrOn40x40.jpg","images/PrevMoOff40x40.jpg","images/PrevMoOn40x40.jpg","images/NextYrOff40x40.jpg","images/NextYrOn40x40.jpg","images/NextMoOff40x40.jpg","images/NextMoOn40x40.jpg");

function preloadimages(){
  for (i=0;i<preloadimages.arguments.length;i++){
    myimages[i]=new Image();
    myimages[i].src=preloadimages.arguments[i];
  }
}


var thisDate = 1;             // Tracks current date being written in calendar
var wordMonth = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var today = new Date();             // Date object to store the current date
var todaysDay = today.getDay() + 1;         // Stores the current day number 1-7
var todaysDate = today.getDate();         // Stores the current numeric date within the month
var todaysMonth = today.getUTCMonth() + 1;        // Stores the current month 1-12
var todaysYear = today.getFullYear();         // Stores the current year
var monthNum = todaysMonth;           // Tracks the current month being displayed
var yearNum = todaysYear;           // Tracks the current year being displayed
var firstDate = new Date(String(monthNum)+"/1/"+String(yearNum)); // Object Storing the first day of the current month
var firstDay = firstDate.getUTCDay();         // Tracks the day number 1-7 of the first day of the current month
var lastDate = new Date(String(monthNum+1)+"/0/"+String(yearNum));  // Tracks the last date of the current month
var numbDays = 0;
var calendarString = "";
var eastermonth = 0;
var easterday = 0;


function easter(year) {
// feed in the year it returns the month and day of Easter using two GLOBAL variables: eastermonth and easterday
var a = year % 19;
var b = Math.floor(year/100);
var c = year % 100;
var d = Math.floor(b/4);
var e = b % 4;
var f = Math.floor((b+8) / 25);
var g = Math.floor((b-f+1) / 3);
var h = (19*a + b - d - g + 15) % 30;
var i = Math.floor(c/4);
var j = c % 4;
var k = (32 + 2*e + 2*i - h - j) % 7;
var m = Math.floor((a + 11*h + 22*k) / 451);
var month = Math.floor((h + k - 7*m + 114) / 31);
var day = ((h + k - 7*m +114) % 31) + 1;
eastermonth = month;
easterday = day;
}


function createCalendar() {
  calendarString = '';
  var daycounter = 0;
  calendarString += '<div id="tb_cal"><table  width="265" border="1" cellpadding="0" cellspacing="1">';
  calendarString += '<tr>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"30\"><a href=\"#\" onMouseOver=\"document.PrevYr.src=\'images\/PrevYrOn40x40\.jpg\';\" onMouseOut=\"document.PrevYr.src=\'images\/PrevYrOff40x40\.jpg\';\" onClick=\"changedate(\'prevyr\')\">\
    <img name=\"PrevYr\" src=\"images\/PrevYrOff40x40\.jpg\" width=\"30\" height=\"30\" border=\"0\" alt=\"Prev Yr\"\/><\/a><\/td>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"30\"><a href=\"#\" onMouseOver=\"document.PrevMo.src=\'images\/PrevMoOn40x40\.jpg\';\" onMouseOut=\"document.PrevMo.src=\'images\/PrevMoOff40x40\.jpg\';\" onClick=\"changedate(\'prevmo\')\">\
    <img name=\"PrevMo\" src=\"images\/PrevMoOff40x40\.jpg\" width=\"30\" height=\"30\" border=\"0\" alt=\"Prev Mo\"\/><\/a><\/td>';
  calendarString += '<td  align=\"center\" valign=\"center\" width=\"128\" height=\"30\" colspan=\"3\"><b>' + wordMonth[monthNum-1] + '&nbsp;&nbsp;' + yearNum + '<\/b><\/td>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"30\"><a href=\"#\" onMouseOver=\"document.NextMo.src=\'images\/NextMoOn40x40\.jpg\';\" onMouseOut=\"document.NextMo.src=\'images\/NextMoOff40x40\.jpg\';\" onClick=\"changedate(\'nextmo\')\">\
    <img name=\"NextMo\" src=\"images\/NextMoOff40x40\.jpg\" width=\"30\" height=\"30\" border=\"0\" alt=\"Next Mo\"\/><\/a><\/td>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"30\"><a href=\"#\" onMouseOver=\"document.NextYr.src=\'images\/NextYrOn40x40\.jpg\';\" onMouseOut=\"document.NextYr.src=\'images\/NextYrOff40x40\.jpg\';\" onClick=\"changedate(\'nextyr\')\">\
    <img name=\"NextYr\" src=\"images\/NextYrOff40x40\.jpg\" width=\"30\" height=\"30\" border=\"0\" alt=\"Next Yr\"\/><\/a><\/td>';  calendarString += '<\/tr>';
  calendarString += '<tr>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"22\">Zo<\/td>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"22\">Ma<\/td>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"22\">Di<\/td>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"22\">Wo<\/td>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"22\">Do<\/td>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"22\">Vr<\/td>';
  calendarString += '<td align=\"center\" valign=\"center\" width=\"30\" height=\"22\">Za<\/td>';
  calendarString += '<\/tr>';

  thisDate = 1;

  for (var i = 1; i <= 6; i++) {
    calendarString += '<tr>';
    for (var x = 1; x <= 7; x++) {
      daycounter = (thisDate - firstDay)+1;
      thisDate++;
      if ((daycounter > numbDays) || (daycounter < 1)) {
        calendarString += '<td align=\"center\" bgcolor=\"none\" height=\"30\" width=\"30\">&nbsp;<\/td>';
      } else {
        var mycolor=getcoor(daycounter,monthNum,yearNum,i,x);
        if (checkevents(daycounter,monthNum,yearNum,i,x) || ((todaysDay == x) && (todaysDate == daycounter) && (todaysMonth == monthNum))){
          if ((todaysDay == x) && (todaysDate == daycounter) && (todaysMonth == monthNum)) {
            calendarString += '<td  onmouseover=\"style.backgroundColor=\'#fd5800\';javascript:showevents( ' + daycounter + ',' + monthNum + ',' + yearNum + ',' + i + ',' + x + ');  \"  onmouseout=\"style.backgroundColor= \'#aaffaa\' ;javascript:clearEventList(); \"  align=\"center\" bgColor="#aaffaa" height=\"30\" width=\"30\">' + daycounter + '<\/td>';
          }
          else  calendarString += '<td  onmouseover=\"style.backgroundColor=\'#fd5800\';javascript:showevents( ' + daycounter + ',' + monthNum + ',' + yearNum + ',' + i + ',' + x + ');  \"  onmouseout=\"style.backgroundColor= \'' + mycolor +'\' ;javascript:clearEventList(); \"  align=\"center\" bgColor=' + mycolor +' height=\"30\" width=\"30\">' + daycounter + '<\/td>';
            
        } else {
          calendarString += '<td align=\"center\" height=\"30\" width=\"30\">' + daycounter + '<\/td>';
        }
      }
    }
    calendarString += '<\/tr>';
  }

  calendarString += '<tr><td colspan=\"7\" nowrap align=\"center\" valign=\"center\" width=\"265\" height=\"22\"> \
            <a href=\"javascript:changedate(\'return\')\"><b>Vandaag<\/b><\/a><\/td><\/tr><\/table></div>';

  
    
  var object=document.getElementById('calendar');
  object.innerHTML= calendarString;
  thisDate = 1;
}

function setBackgroundColor( layer, layercolor ) {
  if( document.getElementById ) {
    document.getElementById( layer ).style.backgroundColor = layercolor;
  } else if( document.all ) {
    document.all[layer].style.backgroundColor = layercolor;
  } else {
    document[layer].bgColor = layercolor;
  }
}

function getcoor(day,month,year,week,dayofweek) {
  var colorMarker="#EFEFEF";

  for (var i = 0; i < events.length; i++) {
    if (events[i][0] == "V") {              // vacation
      if ((events[i][1] == month) && (events[i][3] == year)) {
        if ( (day >= events[i][4]) && (day <= events[i][5]) ) {
          colorMarker="#FFBBBB";
        }
      }
    }
    else if (events[i][0] == "Y") {
      if ((events[i][2] == day) && (events[i][1] == month)) colorMarker="#33FFFF";
    }

    else if (events[i][0] == "F") {
      if ((events[i][1] == 3) && (events[i][2] == 0) && (events[i][3] == 0) ) {
        easter(year);
        if (easterday == day && eastermonth == month) colorMarker="#33FFFF";
      } else {
        floater = floatingholiday(year,events[i][1],events[i][2],events[i][3]);
        if ((month == 5) && (events[i][1] == 5) && (events[i][2] == 4) && (events[i][3] == 2)) {
          if ((floater + 7 <= 31) && (day == floater + 7)) {
            colorMarker="#33FFFF";
          } else if ((floater + 7 > 31) && (day == floater)) colorMarker="#33FFFF";
        } else if ((events[i][1] == month) && (floater == day)) colorMarker="#33FFFF";
      }
    }

    else if ((events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
      colorMarker="#AADFEE"; // special event for today
    }

  }

 return colorMarker;
}


function checkevents(day,month,year,week,dayofweek) {
var numevents = 0;
var floater = 0;

  for (var i = 0; i < events.length; i++) {
    if ((events[i][0] == "V") && (events[i][3] == year)) {
      if ((events[i][1] == month) && (events[i][3] == year)) {
        // check if day is vacation day
        if ( (day >= events[i][4]) && (day <= events[i][5]) ) {
          numevents++;
        }
      }
    }
    else
    if ((events[i][0] == "L") && (events[i][3] == year)) {
      if ((events[i][2] == dayofweek)) numevents++;
    }
    if ((events[i][0] == "W") && (events[i][3] == year)) {
      if ((events[i][2] == dayofweek)) numevents++;
    }
    else if (events[i][0] == "Y") {
      if ((events[i][2] == day) && (events[i][1] == month)) numevents++;
    }
    else if (events[i][0] == "F") {
      if ((events[i][1] == 3) && (events[i][2] == 0) && (events[i][3] == 0) ) {
        easter(year);
        if (easterday == day && eastermonth == month) numevents++;
      } else {
        floater = floatingholiday(year,events[i][1],events[i][2],events[i][3]);
        if ((month == 5) && (events[i][1] == 5) && (events[i][2] == 4) && (events[i][3] == 2)) {
          if ((floater + 7 <= 31) && (day == floater + 7)) {
            numevents++;
          } else if ((floater + 7 > 31) && (day == floater)) numevents++;
        } else if ((events[i][1] == month) && (floater == day)) numevents++;
      }
    }
    else if ((events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
      numevents++;
    }
  }

  if (numevents == 0) {
    return false;
  } else {
    return true;
  }
}



function showevents(day,month,year,week,dayofweek) {
var theevent = "";
var floater = 0;
var vacationFilter=new Array(31); // entry for each day of month
var numrows = 0;

  for (var i = 0; i < events.length; i++) {
    if (events[i][0] == "V") {
      if ((events[i][1] == month) && (events[i][3] == year)) {
        if ( (day >= events[i][4]) && (day <= events[i][5]) ) {
          vacationFilter[day]="V";
        }
      }
    }
  }

  for (var i = 0; i < events.length; i++) {
    // First we'll process recurring events (if any):
    if (events[i][0] != "") {
      if (events[i][0] == "V") {
        if ((events[i][1] == month) && (events[i][3] == year)) {
          if ( (day >= events[i][4]) && (day <= events[i][5]) ) {
            theevent += month +'/'+ day +'/'+ year + '\n';
            theevent += events[i][6] + '\n';
            theevent += '____________________ \n';
            document.forms.eventform.eventlist.value = theevent;
            numrows += 3;
          }
        }
      }
      if (events[i][0] == "L") {
        // make sure not to include lessons during vacations
        if ((events[i][2] == dayofweek) && (events[i][3] == year))
        {
          if ((vacationFilter[day] != "V")) {
            theevent += month +'/'+ day +'/'+ year + '\n';
            theevent += events[i][6] + '\n';
            theevent += 'Tijd: ' + events[i][4] + ' - '+ events[i][5] + '\n';
            theevent += 'Locatie: ' + events[i][7] + '\n';
            theevent += '____________________ \n';
            document.forms.eventform.eventlist.value = theevent;
            numrows += 5;
            }
        }
      }
      if (events[i][0] == "D") {
      }
      if (events[i][0] == "W") {
        if ((events[i][2] == dayofweek)) {
        theevent += month +'/'+ day +'/'+ year + '\n';
        theevent += events[i][6] + '\n';
        theevent += 'Tijd: ' + events[i][4] + ' - '+ events[i][5] + '\n';
        theevent += events[i][7] + '\n';
        theevent += '____________________ \n';
        document.forms.eventform.eventlist.value = theevent;
        numrows += 5;
        }
      }
      if (events[i][0] == "M") {
      }
      if (events[i][0] == "Y") {
        if ((events[i][2] == day) && (events[i][1] == month)) {
        theevent += month +'/'+ day +'/'+ year + '\n';
        theevent += events[i][6] + '\n';
//        theevent += 'Tijd: ' + events[i][4] + ' - '+ events[i][5] + '\n';
        theevent += events[i][7] + '\n';
        theevent += '____________________ \n';
        document.forms.eventform.eventlist.value = theevent;
        numrows += 4;
        }
      }
      if (events[i][0] == "F") {
        if ((events[i][1] == 3) && (events[i][2] == 0) && (events[i][3] == 0) ) {
          if (easterday == day && eastermonth == month) {
            theevent += month +'/'+ day +'/'+ year + '\n';
            theevent += events[i][6] + '\n';
            theevent += 'Tijd: ' + events[i][4] + ' - '+ events[i][5] + '\n';
            theevent += events[i][7] + '\n';
            theevent += '____________________ \n';
            document.forms.eventform.eventlist.value = theevent;
            numrows += 5;
          }
        } else {
          floater = floatingholiday(year,events[i][1],events[i][2],events[i][3]);

          if ((month == 5) && (events[i][1] == 5) && (events[i][2] == 4) && (events[i][3] == 2)) {
            if ((floater + 7 <= 31) && (day == floater + 7)) {
              theevent += month +'/'+ day +'/'+ year + '\n';
              theevent += events[i][6] + '\n';
              theevent += 'Tijd: ' + events[i][4] + ' - '+ events[i][5] + '\n';
              theevent += events[i][7] + '\n';
              theevent += '____________________ \n';
              document.forms.eventform.eventlist.value = theevent;
              numrows += 5;
            } else if ((floater + 7 > 31) && (day == floater)) {
              theevent += month +'/'+ day +'/'+ year + '\n';
              theevent += events[i][6] + '\n';
              theevent += 'Tijd: ' + events[i][4] + ' - '+ events[i][5] + '\n';
              theevent += events[i][7] + '\n';
              theevent += '____________________ \n';
              numrows += 5;
              document.forms.eventform.eventlist.value = theevent;
            }
          } else if ((events[i][1] == month) && (floater == day)) {
            theevent += month +'/'+ day +'/'+ year + '\n';
            theevent += events[i][6] + '\n';
            theevent += 'Tijd: ' + events[i][4] + ' - '+ events[i][5] + '\n';
            theevent += events[i][7] + '\n';
            theevent += '____________________ \n';
            document.forms.eventform.eventlist.value = theevent;
            numrows += 5;
          }
        }
      }
    }
    // Now we'll process any One Time events happening on the matching month, day, year:
    else if ((events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
      theevent += month +'/'+ day +'/'+ year + '\n';
      theevent += events[i][6] + '\n';
      theevent += 'Tijd: ' + events[i][4] + ' - '+ events[i][5] + '\n';
      theevent += events[i][7] + '\n';
      theevent += '____________________ \n';
      document.forms.eventform.eventlist.value = theevent;
      numrows += 5;
    }
  }
  
  
  if (theevent == "")
  {
    document.forms.eventform.eventlist.value = 'geen.';
  }
  else
  {
    // this brings forward the menu with events
    document.forms.eventform.style.display='block';
    var obj=document.getElementById('areastyle');
    
//    obj.style.height = '400px';//16*Math.ceil( obj.value.length/obj.cols);
//parseInt(obj.style.fontSize)
    obj.style.height =  18*(numrows+1) + "pt";
  obj.style.top='-200px';
  }
  
}

function clearEventList()
{
  document.forms.eventform.style.display='none';
  document.forms.eventform.eventlist.value = 'geen.';

  
}

function changedate(buttonpressed) {
  if (buttonpressed == "prevyr") yearNum--;
  else if (buttonpressed == "nextyr") yearNum++;
  else if (buttonpressed == "prevmo") monthNum--;
  else if (buttonpressed == "nextmo") monthNum++;
  else  if (buttonpressed == "return") {
    monthNum = todaysMonth;
    yearNum = todaysYear;
  }

  if (monthNum == 0) {
    monthNum = 12;
    yearNum--;
  }
  else if (monthNum == 13) {
    monthNum = 1;
    yearNum++;
  }

  lastDate = new Date(String(monthNum+1)+"/0/"+String(yearNum));
  numbDays = lastDate.getDate();
  firstDate = new Date(String(monthNum)+"/1/"+String(yearNum));
  firstDay = firstDate.getDay() + 1;
  today = new Date();
  todaysDay = today.getDay() + 1;
  todaysDate = today.getDate();
  todaysMonth = today.getUTCMonth() + 1;
  todaysYear = today.getFullYear();

  // enable this call to show events on startup 
  // showevents(todaysDate,todaysMonth,todaysYear,'0',todaysDay);

  createCalendar();
  return;
}

function floatingholiday(targetyr,targetmo,cardinaloccurrence,targetday) {
// Floating holidays/events of the events.js file uses:
//  the Month field for the Month (here it becomes the targetmo field)
//  the Day field as the Cardinal Occurrence  (here it becomes the cardinaloccurrence field)
//    1=1st, 2=2nd, 3=3rd, 4=4th, 5=5th, 6=6th occurrence of the day listed next
//  the Year field as the Day of the week the event/holiday falls on  (here it becomes the targetday field)
//    1=Sunday, 2=Monday, 3=Tuesday, 4=Wednesday, 5=Thurday, 6=Friday, 7=Saturday
//  example: "F", "1",  "3",  "2", = Floating holiday in January on the 3rd Monday of that month.
//
// In our code below:
//  targetyr is the active year
//  targetmo is the active month (1-12)
//  cardinaloccurrence is the xth occurrence of the targetday (1-6)
//  targetday is the day of the week the floating holiday is on
//    0=Sun; 1=Mon; 2=Tue; 3=Wed; 4=Thu; 5=Fri; 6=Sat
//    Note: subtract 1 from the targetday field if the info comes from the events.js file
//
// Note:
//  If Memorial Day falls on the 22nd, 23rd, or 24th, then we add 7 to the dayofmonth to the result.
//
// Example: targetyr = 2052; targetmo = 5; cardinaloccurrence = 4; targetday = 1
//  This is the same as saying our floating holiday in the year 2052, is during May, on the 4th Monday
//
var firstdate = new Date(String(targetmo)+"/1/"+String(targetyr));  // Object Storing the first day of the current month.
var firstday = firstdate.getUTCDay(); // The first day (0-6) of the target month.
var dayofmonth = 0; // zero out our calendar day variable.

  targetday = targetday - 1;

  if (targetday >= firstday) {
    cardinaloccurrence--; // Subtract 1 from cardinal day.
    dayofmonth = (cardinaloccurrence * 7) + ((targetday - firstday)+1);
  } else {
    dayofmonth = (cardinaloccurrence * 7) + ((targetday - firstday)+1);
  }
return dayofmonth;
}