

var currentPhoto = 0;
var secondPhoto = Math.round(Math.random()*25);//used for random image, The number 21(0 to 21) has to be 1 less than total number of images including the blank image else by random when it goes to blank it fader halts

var currentOpacity = new Array();
var imageArray = new Array("photo/home/home_photo_blank.jpg",
						   "photo/home/home_photo1.jpg",
						   "photo/home/Queensboro-Bridge.jpg",
						   "photo/home/home_photo2.jpg",
						   "photo/home/Route80-Construction.jpg",
						   "photo/home/home_photo3.jpg",
						   "photo/home/Milville-High-School.jpg",
						   "photo/home/home_photo4.jpg",
						   "photo/home/home_photo5.jpg",
						   "photo/home/Philadelphia-Navy-Yard.jpg",
						   "photo/home/home_photo6.jpg",
						   "photo/home/Palisades-Rehabilitation.jpg",
						   "photo/home/home_photo7.jpg",
						   "photo/home/Buildings-Port-Elizabeth.jpg",
						   "photo/home/home_photo8.jpg",
						   "photo/home/Bridge-over-Raritan-River.jpg",
						   "photo/home/home_photo9.jpg",
						   "photo/home/Bronx-Whitestone-Bridge.jpg",
						   "photo/home/home_photo10.jpg",
						   "photo/home/home_photo11.jpg",
						   "photo/home/Route21-Re-Construction.jpg",
						   "photo/home/home_photo12.jpg",
						   "photo/home/Job_0236.jpg",
						   "photo/home/Job_0402.jpg",
						   "photo/home/Job_0743.jpg",
						   "photo/home/Job_0540.jpg");



var FADE_STEP = 3;
var FADE_INTERVAL = 40;
var pause = false;

function init() {
	currentOpacity[0]=99;
	for(i=1;i<imageArray.length;i++)currentOpacity[i]=0;
	mHTML="";
	for(i=0;i<imageArray.length;i++)mHTML+="<div id=\"photo\" name=\"photo\" class=\"mPhoto\"><img src=\"" + imageArray[i]  +"\"></div>";
	document.getElementById("mContainer").innerHTML = mHTML;

	if(document.all) {
		document.getElementsByName("photo")[currentPhoto].style.filter="alpha(opacity=100)";
	} else {
		document.getElementsByName("photo")[currentPhoto].style.MozOpacity = .99;
	}

	mInterval = setInterval("crossFade()",FADE_INTERVAL);
}

function crossFade() {
	if(pause)return;

	currentOpacity[currentPhoto]-=FADE_STEP;
	currentOpacity[secondPhoto] += FADE_STEP;

	if(document.all) {
		document.getElementsByName("photo")[currentPhoto].style.filter = "alpha(opacity=" + currentOpacity[currentPhoto] + ")";
		document.getElementsByName("photo")[secondPhoto].style.filter = "alpha(opacity=" + currentOpacity[secondPhoto] + ")";
	} else {
		document.getElementsByName("photo")[currentPhoto].style.MozOpacity = currentOpacity[currentPhoto]/100;
		document.getElementsByName("photo")[secondPhoto].style.MozOpacity =currentOpacity[secondPhoto]/100;
	}

	if(currentOpacity[secondPhoto]/100>=.98) {
		currentPhoto = secondPhoto;
		secondPhoto++;
		if(secondPhoto == imageArray.length)secondPhoto=0;
		pause = true;
		xInterval = setTimeout("pause=false",2500);//used for intervall between 2 photos
	}
}

function doPause()  {
	if(pause) {
		pause = false;
		document.getElementById("pauseBtn").value = "pause";
	} else {
		pause = true;
		document.getElementById("pauseBtn").value = "play";
	}
}
