function setOnclickEvent(id, msg) {
 var element = document.getElementById(id);
 if (element) {
  var text = "pageTracker._trackPageview('" + msg + "');";
  element.onclick = new Function(text);    
 }
}

function setOnclickEvents() {
 setOnclickEvent('ace1mi_img1','/event-calendar');
 setOnclickEvent('ace1mi_img2','/chamber-members');
}

// Set custom tracking events on click for offsite pages.
if (window.addEventListener){
  window.addEventListener("load", setOnclickEvents, false);
} else if (window.attachEvent){
  window.attachEvent("onload", setOnclickEvents);
}

// Load and set rollovers for chamber master nav

var preloaded = [];

function initRollovers() {
  setRolloversFor('topChamberNav');
  setRolloversFor('leftChamberNav');
}

function setRolloversFor(id) {
 var container = document.getElementById(id);
 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);
}