//Fades a group of pictures in and out
//Use with...
//var images = new Array(2);
//images[0] = new Array(2);
//images[1] = new Array(2);
//images[0][0] = "images/pic_gabbath_660px.jpg";
//images[0][1] = 5;
//images[1][0] = "images/pic_gabdoor_660px.jpg";
//images[1][1] = 5;
//var numRepeat = 2;
//var stepsToSwitch = 16;
//var msPerStep = 25;
//body: onload="setTimeout('rotateImages(0,0)',images[0][1]*1000);"



// Preload the images if browser supports.
if (document.images)
{
  var loadedImages = new Array(images.length);
	for (i = 0; i < images.length; i++)
	{
	  loadedImages[i] = new Image(100,100);
		loadedImages[i].src = images[i][0];
	}
}

function myOnLoad(imageIndex,loopNumber,imageid,linkid)
{
  var obj1 = document.getElementById(imageid);
	obj1.src = images[imageIndex][0];
	
	var obj = document.getElementById(linkid);
	obj.href = images[imageIndex][2];
	
  setTimeout("rotateImages(" + imageIndex + "," + loopNumber + ",'" + imageid + "','" + linkid + "')",images[0][1]*1000);
}


function rotateImages(imageIndex,loopNumber,imageid,linkid)
{	
	if (imageIndex == images.length - 1)
	{
	  nextImageIndex = 0;
		loopNumber++;
	}
	else
	{
	  nextImageIndex = imageIndex + 1;
	}
  var obj = document.getElementById(linkid);
	obj.href = images[nextImageIndex][2];
	fadeOutIn(imageid,images[nextImageIndex][0],stepsToSwitch,0);
	if (loopNumber < numRepeat)
  {
    setTimeout("rotateImages(" + nextImageIndex + "," + loopNumber + ",'" + imageid + "','" + linkid + "')",images[nextImageIndex][1]*1000+stepsToSwitch*7*msPerStep);
  }
}


function fadeOutIn(objID,newImage,steps,stepsTaken)
{
  var obj = document.getElementById(objID);
  //currentAlpha = parseInt(currentAlpha);
  //if (isNaN(currentAlpha))
  //{
    //currentAlpha = parseInt(obj.style.opacity*100);
    //if (isNaN(currentAlpha))
 	  //{
 	    //currentAlpha = 100;
  	//}
  //}
	newAlpha = 100;
	targetAlpha = 0;
  //var deltaAlpha=parseInt((currentAlpha-targetAlpha)/steps);
  var newAlpha;
	if (stepsTaken < steps)
	{
	  newAlpha = 100 * (steps - stepsTaken)/steps;
	}
	else if (stepsTaken == steps)
	{
		obj.src = newImage;
		newAlpha = 0;
	}
	else
	{
		newAlpha = 100 * (stepsTaken - steps)/steps;
	}
  obj.style.opacity = (newAlpha / 100);
  obj.style.MozOpacity = obj.style.opacity;
  obj.style.filter = 'alpha(opacity=' + newAlpha + ')';
	if (stepsTaken < steps * 2)
	{
    setTimeout('fadeOutIn("'+objID+'","'+newImage+'",'+steps+','+(stepsTaken+1)+')', msPerStep);
	}
}