var logos = new Array(1);
logos[0] = "oyap1.jpg"
logos[1] = "oyap2.jpg"
logos[2] = "oyap3.jpg"
logos[3] = "oyap4.jpg"
logos[4] = "oyap5.jpg"
logos[5] = "oyap6.jpg"
logos[6] = "oyap7.jpg"
logos[7] = "oyap8.jpg"
logos[8] = "oyap9.jpg"
logos[9] = "oyap10.jpg"
logos[10] = "oyap11.jpg"
logos[11] = "oyap12.jpg"
logos[12] = "oyap13.jpg"
logos[13] = "oyap14.jpg"
logos[14] = "oyap15.jpg"
logos[15] = "oyap16.jpg"
logos[16] = "oyap17.jpg"
logos[17] = "oyap18.jpg"
logos[18] = "oyap19.jpg"
logos[19] = "oyap20.jpg"
logos[20] = "oyap21.jpg"
logos[21] = "oyap22.jpg"
logos[22] = "oyap23.jpg"
logos[23] = "oyap24.jpg"
logos[24] = "oyap25.jpg"
logos[25] = "oyap26.jpg"
logos[26] = "oyap27.jpg"
logos[27] = "oyap28.jpg"
logos[28] = "oyap29.jpg"
logos[29] = "oyap30.jpg"


var timerID = 0;
var ImageNumber = 0;
var tStart  = null;
var faded = true;


function UpdateTimer() 
{
    if(timerID) 
	{
		clearTimeout(timerID);
    	clockID  = 0;
   	}

   	if(!tStart)
    	tStart   = new Date();

   	var tDate = new Date();
   	var tDiff = tDate.getTime() - tStart.getTime();
	
	tDate.setTime(tDiff);

	initImage();
	
	//Changing the second paramater either increases or decreases the speed at which the image changes
	//The faster the Fade in and Fade out settings, the lower this number can be. If the numbers aren't
	//right, the image will appear to skip a beat.
   	timerID = setTimeout("UpdateTimer()", 1200);
}

function fadeIn(objId,opacity) 
{
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) 
	{
      setOpacity(obj, opacity);
      //This either Speeds up or Decreases the speed of the image appearing
	  opacity += 25;											
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
  faded = false;
}

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/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeOut(objId,opacity) 
{
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
	  //This either Speeds up or Decreases the speed of the image Dissapearing
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
    }
  }
  faded = true;
}

function fadein(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 20;
      window.setTimeout("fadein('"+objId+"',"+opacity+")", 0);
    }
  }
  faded = true;
}


function initImage() 
{
  	if(faded == true)
	{
		imageRoller();
	 	imageId = 'thephoto';
		image = document.getElementById(imageId);
		setOpacity(image, 1);
		image.style.visibility = 'visible';
	
		fadeIn(imageId,0);
	}
	else
	{
		imageId = 'thephoto';
		image = document.getElementById(imageId);
		setOpacity(image, 100);
		image.style.visibility = 'visible';
		
		fadeOut(imageId,100);
	}
}



function imageRoller()
{
	//This code Randomly selects which image to view.
	/*var ran_number= Math.random()*(logos.length- 1);
	var temp = ran_number.toFixed(0) */
	
	//This code scrolls through each image one at a time
	if(ImageNumber == 29)
		ImageNumber = 0;
	else	
		ImageNumber = ImageNumber + 1;
	
		
	var temp = ImageNumber;
	
	
	//This pulls the specified image from the logo's array, and places it into the "photoholder" div on the calling page.
	//Inner HTML can be modified to hold any information needed, as long as it's set in the array.
	document.getElementById("photoholder").innerHTML = "<img src='../images/slides/" + logos[temp] + "' alt='OYAP_PAJO' id='thephoto' border=0  />"
	//initImage()	
}