<!--
   // Author: Perry Mak
   // Copyright: Compucon Information Technologies Inc.
   // Create Date: 2010 JAN 12
   //

   //preload images
   var frontpageImages = new Array();
   //frontpageImages [0]=new Image();
   //frontpageImages [0].src="/images/frontpage0.png";
   //frontpageImages [1]=new Image();
   //frontpageImages [1].src="/images/frontpage1.png";
   //frontpageImages [2]=new Image();
   //frontpageImages [2].src="/images/frontpage2.png";
   
   var runOnce = false;
   var currentIndex = -1;
   var timeOut = 4000;
   setTimeout("tick();", timeOut);

   function browserSupported(){
      var browser=navigator.appName;
      var b_version=navigator.appVersion;
      var version=parseFloat(b_version);
      var element = document.getElementById("divError");
      
      if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x
        var ieversion = new Number(RegExp.$1); // capture x.x portion and store as a number
      }

      if ((browser == "Microsoft Internet Explorer") &&
            (ieversion < 7)){         
         if (element != null) element.innerHTML = "<small><small><font color='#eeeeee;'>Your browser, " + browser + " "  + ieversion.toString() + ", is not supported.  Please upgrade your browser.</font></small></small>";
         return false;
      } else {
//if (element != null) element.innerHTML = "<small><small><font color='#eeeeee;'>Your browser, " + browser + " "  + ieversion.toString() + ", is supported.</font></small></small>";
         return true;
      }
   }

   function tick(){      
      currentIndex++;
      currentIndex = (currentIndex < frontpageImages.length) ? currentIndex : 0;      
      if (browserSupported()) showDiv(currentIndex);
      setTimeout("tick();", timeOut);      
   }  

   function showDiv(showThis){
      var element = null;
	  currentIndex = showThis; // update curent index

      // hide all pictures first
      for (i=0; i < frontpageImages.length; i++){
         element = document.getElementById("divImg" + i.toString());
         if (element != null) element.style.display = "none";
         element = null;
      }
      
      // show picture
      element = document.getElementById("divImg" + showThis.toString());
      if (element != null) element.style.display = "block";
      element = null;

      // hide all boxes
      for (i=0; i < frontpageImages.length; i++){
         element = document.getElementById("div" + i.toString());
         if (element != null) element.style.border = "2px solid white";
         element = null;
      }
      
      // show current box
      element = document.getElementById("div" + showThis.toString());
      if (element != null) element.style.border = "2px solid grey";
      element = null;

   }
// -->