// JavaScript Document
var picNumber = Math.floor(Math.random()*7);
if(picNumber == 2) picNumber++;
var slideDelay = 5000;

var fadeimages=new Array()

fadeimages[0]=["images/rotatingImages/history.jpg"] //plain image syntax
fadeimages[1]=["images/rotatingImages/pride.jpg"] //plain image syntax
fadeimages[2]=["images/rotatingImages/more.jpg"] //plain image syntax
fadeimages[3]=["images/rotatingImages/vogel.jpg"] //plain image syntax
fadeimages[4]=["images/rotatingImages/seasonChamps.jpg"] //plain image syntax
fadeimages[5]=["images/rotatingImages/farWest.jpg"] //plain image syntax
fadeimages[6]=["images/rotatingImages/leagueChamps.jpg"] //plain image syntax

function startTheShow()
{
	document.getElementById("fadePic").src = fadeimages[picNumber];
	window.setTimeout("slideShow()", slideDelay);
	
}

function slideShow() {
	picNumber++;
	if(picNumber == (fadeimages.length))
	{
		picNumber = 0;
		//return 0;
	}
	changePic(fadeimages[picNumber]);
	
	var nextPicture = picNumber + 1;
	if (nextPicture == fadeimages.length) nextPicture = 0;
	
	var loader = new Image();
    loader.src = fadeimages[nextPicture];

	slideTimer = setTimeout("slideShow()", slideDelay);
	
	}
	
	
function changePic(imageLocation) {
		document.getElementById("tempPic").src = imageLocation;
		fadeOut("fadePic",100, imageLocation);
}

function fadeOut(objId,opacity, imageLocation) {
  
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity = opacity - 5;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
    }
  	
	if (opacity <= 0) {
		document.getElementById("fadePic").src = document.getElementById("tempPic").src;
		setOpacity(obj,100);
	}
	 
	 
}


function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/99.99;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/99.99;
}