/**
*	Setup for simple slide show created following tutorial advice at:
*	http://www.javascriptkit.com/howto/show2.shtml
*	Image cross-fade courtesy http://www.cryer.co.uk/resources/javascript/script12slideshow.htm
*	Script copyright (C) 2004-2010 www.cryer.co.uk.
*	Script is free to use provided this copyright header is included.
*/

var FadeDurationMS=1000;
function SetOpacity(object,opacityPct)
{
  // IE.
  object.style.filter = 'alpha(opacity=' + opacityPct + ')';
  // Old mozilla and firefox
  object.style.MozOpacity = opacityPct/100;
  // Everything else.
  object.style.opacity = opacityPct/100;
}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
  var element=document.getElementById(id);
  var msNow = (new Date()).getTime();
  var opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
  if (opacity>=100)
  {
    SetOpacity(element,100);
    element.timer = undefined;
  }
  else if (opacity<=0)
  {
    SetOpacity(element,0);
    element.timer = undefined;
  }
  else 
  {
    SetOpacity(element,opacity);
    element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",10);
  }
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
  var foreground=document.getElementById(foregroundID);
  if (foreground.timer) window.clearTimeout(foreground.timer);
  if (backgroundID)
  {
    var background=document.getElementById(backgroundID);
    if (background)
    {
      if (background.src)
      {
        foreground.src = background.src; 
        SetOpacity(foreground,100);
      }
      background.src = newImage;
      background.style.backgroundImage = 'url(' + newImage + ')';
      background.style.backgroundRepeat = 'no-repeat';
      var startMS = (new Date()).getTime();
      foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "'," + FadeDurationMS + "," + startMS + ",100,0)",10);
    }
  } else {
    foreground.src = newImage;
  }
}

var step=1
var whichimage=1
function slideit(){
	if (!document.images)
		return
	FadeInImage("ProjSlider", eval("projimage"+step+".src"), "ProjSliderBkgd");
	whichimage=step
	// only have 3 images at this point...
	if (step < 3)
		step++
	else
		step=1
	// hold each image for 4 seconds
	setTimeout("slideit()",4000)
}
slideit()
function slidelink(){
	window.location=eval("projdest"+whichimage)
}