/*
 Add rollovers to nav:
 1. add a call to this javascript file to the page head
 2. place thumbnails within a div with id 'quickNav' 
 
 <div id="quickNav"> <a href=""><img src="nav.gif"></a><a href=""><img src="nav2.gif"></a></div>
*/

var preloaded = [];

function initRollovers() {
 var container = document.getElementById('quickNav');
 if (!container) {
  return;
 }
 
 var navImages = container.getElementsByTagName('img');
 addRollovers(navImages);

 var images = document.getElementsByTagName('img');
 var numImages = images.length;
 var rollovers = [];
 for (var a = 0; a < numImages; a++) {
   if (images[a].className.indexOf('over') == 0 || images[a].className.indexOf(' over') > 0) {
     rollovers[rollovers.length] = images[a];
   }
 }

 var images = document.getElementsByTagName('input');
 var numImages = images.length;
 for (var a = 0; a < numImages; a++) {
   if (images[a].type == "image" && images[a].className.indexOf('over') == 0 || images[a].className.indexOf(' over') > 0) {
     rollovers[rollovers.length] = images[a];
   }
 }
 
 if (rollovers.length > 0) {
   addRollovers(rollovers);
 }
}

function addRollovers(images) {
 for (var a = 0; a < images.length; a++) {
  var img = images[a];
  
  // Calculate rollover src and preload image
  var src = img.src;
  var extIndex = src.lastIndexOf('.');
  var ext = src.substring(extIndex);
  var root = src.substring(0, extIndex);
  var rolloverSrc = root + '_over' + ext;
  
  var image = new Image();
  image.src = rolloverSrc;
  preloaded[a] = image;
  
  // Reset mouseover/mouseout to perform rollover
  var mouseover = 'this.src = "' + rolloverSrc + '";';
  img.onmouseover = new Function(mouseover);
  
  var mouseout = 'this.src = "' + src + '"';
  img.onmouseout = new Function(mouseout);

 }
}

// Initialize rollovers and image preload on page load
if (window.addEventListener){
  window.addEventListener("load", initRollovers, false);
} else if (window.attachEvent){
  window.attachEvent("onload", initRollovers);
}

// Event calendar methods
function showCalendarMonth(id) { 
 var c = document.getElementById('eventCalendar');
 var calendars = c.getElementsByTagName('table');
 for (var a = 0; a < calendars.length; a++) {
  if (calendars[a].id == id) {
    calendars[a].className = "activeCalendar";
  } else {
    calendars[a].className = "";
  }
 }
}