/*var featureImages = new Array(<?echo $featureImages?>);
var featureTitles = new Array(<?echo $featureTitles?>);
var featureLinks = new Array(<?echo $featureLinks?>);
var featureColors = new Array(<?echo $featureColors?>);*/

var thisImage = 0;

var imgCt = featureImages.length;

var myTimer = setInterval(FadeInImageAuto,5000);

function showHoverDesc(idImage)
{
	var title = "title" + idImage;
	document.getElementById(title).style.color = "#444444";
	var box = "box" + idImage;
	document.getElementById(box).style.background = featureColors[idImage];
}
function showActiveDesc(idImage)
{
	var title = "title" + idImage;
	document.getElementById(title).style.color = "#444444";
	var box = "box" + idImage;
	document.getElementById(box).style.background = featureColors[idImage];
	if (idImage != thisImage) {
		var box = "box" + idImage;
		document.getElementById(box).style.background = "#999999";
		document.getElementById(title).style.color = "#aaaaaa";
	}
}

function stopTimer()
{
	clearInterval(myTimer);
}
function restartTimer()
{
	myTimer = setInterval(FadeInImageAuto,5000);
}

function FadeInImageAuto()
{
	var box = "box" + thisImage;
    document.getElementById(box).style.background = featureColors[thisImage];
	thisImage++;
	if (thisImage == imgCt) {
		thisImage = 0;
	}
	autoImage = featureImages[thisImage];
	//document.write(autoImage);
	FadeInImage("feature-img",autoImage,"FPFeature-img",thisImage);
}

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 opacity = element.style.opacity * 100;
  var msNow = (new Date()).getTime();
  opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
  if (opacity<0) 
    SetOpacity(element,0)
  else if (opacity>100)
    SetOpacity(element,100)
  else
  {
    SetOpacity(element,opacity);
    element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",1);
  }
}

function FadeIn(id)
{
  var element=document.getElementById(id);
  if (element.timer) window.clearTimeout(element.timer); 
  var startMS = (new Date()).getTime();
  element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",0,100)",1);
}

function FadeOut(id)
{
  var element=document.getElementById(id);
  if (element.timer) window.clearTimeout(element.timer); 
  var startMS = (new Date()).getTime();
  element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",100,0)",1);
}

function FadeInImage(foregroundID,newImage,backgroundID,idImage)
{
  var foreground=document.getElementById(foregroundID);
  if (backgroundID)
  {
    var background=document.getElementById(backgroundID);
    if (background)
    {
      background.style.backgroundImage = 'url(' + foreground.src + ')';
      background.style.backgroundRepeat = 'no-repeat';
    }
  }
  thisImage = idImage;
  var title = "title" + idImage;
  document.getElementById(title).style.color = "#444444";
  
  for (i=0; i<imgCt; i++) {
	if (i != thisImage) {
		var box = "box" + i;
		document.getElementById(box).style.background = "#999999";
		var title = "title" + i;
		document.getElementById(title).style.color = "#aaaaaa";
	}
  }
  var box = "box" + thisImage;
  document.getElementById(box).style.background = featureColors[idImage];
  document.getElementById("anchorLink").href = featureLinks[thisImage];
  document.getElementById("anchorLink").target = featureTargets[thisImage];
  SetOpacity(foreground,0);
  foreground.src = newImage;
  if (foreground.timer) window.clearTimeout(foreground.timer); 
  var startMS = (new Date()).getTime();
  foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',700," + startMS + ",0,100)",10);
}