// set global variables
var path        = "images/";
var interval    = 5000;
var counter     = 1;
var timer       = null;
var ImageCount  = 0;
var PrevImage   = 0;

// images setup
var ImgMainDefault = "child1.jpg";

var Nav1Main  = "adult1.jpg";
var Nav1Off   = "adult1.gif";
var Nav1On    = "adult2.gif";
var Nav1Link  = "adult.htm";

var Nav2Main  = "atech1.jpg";
var Nav2Off   = "atech1.gif";
var Nav2On    = "atech2.gif";
var Nav2Link  = "assistive_technology.htm";

var Nav3Main  = "cross.jpg";
var Nav3Off   = "child1.gif";
var Nav3On    = "child2.gif";
var Nav3Link  = "childrens_services.htm";

// var Nav4Main  = "shaun1.jpg";
// var Nav4Off   = "donate1.gif";
// var Nav4On    = "donate2.gif";
// var Nav4Link  = "donate.htm";

var Nav4Main  = "ghome3.jpg";
var Nav4Off   = "ghome1.gif";
var Nav4On    = "ghome2.gif";
var Nav4Link  = "group_homes.htm";

var Nav5Main  = "class.jpg";
var Nav5Off   = "class1.gif";
var Nav5On    = "class2.gif";
var Nav5Link  = "class.htm";

var Nav6Main  = "cds.jpg";
var Nav6Off   = "cds1.gif";
var Nav6On    = "cds2.gif";
var Nav6Link  = "cds.htm";

var Nav7Main  = "hcs.jpg";
var Nav7Off   = "hcs1.gif";
var Nav7On    = "hcs2.gif";
var Nav7Link  = "hcs.htm";

function InitRotator()
{
	PreLoadImages();
	BuildNavButtonFunctions();
  StartTimer();
}

// Preload images
function PreLoadImages()
{
  var myimages = new Array();
  function PreLoad()
  {
    for (x=0; x < PreLoad.arguments.length; x++)
    {
      myimages[x] = new Image();
      myimages[x].src = path + PreLoad.arguments[x];
    }
    ImageCount = myimages.length;
  }
  PreLoad("adult1.jpg", "atech1.jpg", "child1.jpg", "ghome1.jpg", "adult2.jpg", "child2.jpg", "shaun1.jpg");
}	

function Rotate()
{
  if (counter == 1) 
  {
    PrevImage = ImageCount;
  }
  else
  {
    PrevImage = counter - 1;
  }
  
  clearTimeout(timer);
  
  document.images.ImgMain.src =  path + eval("Nav" + counter + "Main");
  document.getElementById("ImgMainLink").href = eval('Nav' + counter + 'Link');
  document.images["ImgNav" + PrevImage].src = path + eval("Nav" + PrevImage + "Off");
  document.images["ImgNav" + counter].src = path + eval("Nav" + counter + "On");
  
  if (counter == ImageCount)
  {
    counter = 1;
  }
  else
  {
    counter ++;
  }
  
  timer = setTimeout("Rotate()", interval);
}

// Start rotation 
function StartTimer() 
{
  timer = setTimeout("Rotate()", interval);
}

//stop rotation
function StopTimer()
{
 clearTimeout(timer);
 timer = null;
 ResetNavButtons();
}

// onclick funciton for main image
function Navigate(target)
{
  window.location = target;
}

// resets the nav buttons to default images
function ResetNavButtons()
{
  document.getElementById("ImgMainLink").href = "#";
  for (x = 1; x <= ImageCount; x++)
  {
    if (x != counter)
    {
      document.images["ImgNav" + x].src = path + eval("Nav" + x + "Off");
    }
  }
}

// nav button functions
function BuildNavButtonFunctions()
{
  var head = document.getElementsByTagName('head')[0];
  var script = document.createElement('script');
  script.type = 'text/javascript';
  

  var code = "";
  for (x = 1; x <= ImageCount; x++)
  {
    code = code + "function ImgNav" + x + "_OnMouseOver(){StopTimer();document.images.ImgNav" + x + ".src = path + Nav" + x + "On;document.images.ImgMain.src = path + Nav" + x + "Main;}";
    code = code + "function ImgNav" + x + "_OnMouseOut(){StartTimer();document.images.ImgNav" + x + ".src = path + Nav" + x + "Off;document.images.ImgMain.src = path + ImgMainDefault;}"
  }
  script.text = code;
  head.appendChild(script); 
 }