//-------------------------------------------------------------------
// START: PAGE SETTINGS
//-------------------------------------------------------------------
	
	
	// LOAD VALUES -- these are ONLY used to load the first images into the page
		// front image
		var iImageFrontStartAnimationTime = 3000; // how long it takes for the front image to stop animating (in milliseconds)
		var sImageFrontStartEzType = "easeOutQuad"; // type of penner animation
		
		// back image
		var iImageBackStartAnimationTime = 2000; // Uhow long it takes for the back image to stop animating (in milliseconds)
		var sImageBackStartEzType = "easeOutQuad"; // type of penner animation
		
	// TRANSITION VALUES
		// front image
		var iImageFrontPositionBottom = -5; // bottom position when resting
		var sImageFrontEzOffPage = "easeOutQuad"; // used to ease the front image off the page
		var iImageFrontTimeOffPage = 1000; // time to ease the front image off the page
		
		// back image
		var iImageBackPositionBottom = -5; // bottom position when resting
			
		var iImageTimeBetweenFrontandBack = 3000; // time between front and back animation in milliseconds
		
		var aImageDlay = 3;


//-------------------------------------------------------------------
// START: PAGE VARIABLES
//-------------------------------------------------------------------

	var iImageMax = parseInt(aImageName.length) - 1;		

	var iImageFront = 0;
	var iImageBack = 0;

	aImageEzIn = "easeInSine";
	aImageEzInTime = 2500;
	aImageEzOt = "easeOutSine";
	aImageEzOtTime = 500;


	var iZindexStartValue = 500; // layer to start subtracting from
	var bResetzIndex=false; 

//-------------------------------------------------------------------
// START: JQUERY FUNCTIONS
//-------------------------------------------------------------------

// JQUERY - START READY FUNCTIONS
$(document).ready(function(){
		
	//-------------------------------------------------------------------
	// JQUERY - Page Set Up
	
	// do all set up actions
	jQuery.fn.fncPageSetUpIndividual = function() {
		
		iImageFront = 1;
		iImageBack = 2;
		
		// front image
			//load
			jQuery.fn.fncImageLoad(iImageFront,iImageFrontPositionBottom,aImageFrontPositionLeft[iImageFront],iZindexStartValue-iImageFront);
			
			// animate it to position
			jQuery.fn.fncImageMove(iImageFront,aImageFrontPositionLeft[iImageFront],'0.9',iImageFrontStartAnimationTime,sImageFrontStartEzType,iZindexStartValue-iImageFront);
			
						
		// start timer for the front image
		jQuery.fn.fncTimerStart();
		
	}; // fncPageSetUpIndividual
	
	//-------------------------------------------------------------------
	// JQUERY - Image Transitions
		
	jQuery.fn.fncImageSwitch = function() {
		// set new image placement ids
		
		iImageOld = iImageFront;
		iImageFront = iImageBack;
		
		// get next image
		iImageBack++;
		if (iImageBack>iImageMax) {
			iImageBack = 1;
			bResetzIndex = true;
		};
				
		// remove old top image
		jQuery.fn.fncImageMove(iImageOld,aImageFrontPositionLeft[iImageOld],0,iImageFrontTimeOffPage,sImageFrontEzOffPage,iZindexStartValue-iImageOld);
		
		// move old back image to front
		jQuery.fn.fncImageMove(iImageFront,aImageFrontPositionLeft[iImageFront],'0.9',iImageTimeBetweenFrontandBack,aImageEzOt,iZindexStartValue-iImageFront);
		
		if (bResetzIndex) {
			iZindexStartValue=iZindexStartValue-iImageMax;
			if (iZindexStartValue<=0) {iZindexStartValue=1000;};
			bResetzIndex=false;
		};
		
		// load new back image
		jQuery.fn.fncImageLoad(iImageBack,iImageFrontPositionBottom,aImageFrontPositionLeft[iImageFront],iZindexStartValue-iImageBack)
					
		// animate back to position
		jQuery.fn.fncImageMove(iImageBack,aImageFrontPositionLeft[iImageFront],'0.0001',aImageEzInTime,aImageEzIn,iZindexStartValue-iImageBack);
				
		// start timer for the front image
		jQuery.fn.fncTimerStart();
		
		// start preloading next back image
		iNextImageNeed = iImageBack+1;
		if (iNextImageNeed>iImageMax) {
			iNextImageNeed=1;
		}
		$.preloadImages(sImageSrcFolder + aImageName[iNextImageNeed]);
		
		
		
	}; // fncImageSwitch
		
	// move img
	jQuery.fn.fncImageMove = function(iThis,iPosLeft,iOpacity,iTransitionTime,sEaseType,iZindex) {
		if (iOpacity==0) { // if opacity=0, remove this when done
			$("#photo_"+iThis).animate({opacity: iOpacity}, iTransitionTime, sEaseType, function(){$("#photo_"+iThis).remove()});
		} else {
			$("#photo_"+iThis).animate({opacity: iOpacity}, iTransitionTime, sEaseType, function() { $(this).css({ zIndex:iZindex}) });
		}
	}; // fncImageMove
	
	// load img
	jQuery.fn.fncImageLoad = function(iThis,iPosBottom,iPosLeft,iZindex) {
		var sHTML = "";
		sHTML = sHTML + "<div id=\"photo_" + iThis + "\" style=\"position:absolute;bottom:" + iPosBottom + "px;left:" + iPosLeft + "px;z-index:" + iZindex + ";opacity:0;filter:alpha(opacity=0);\">";
		sHTML = sHTML + "<img src=\"" + sImageSrcFolder + aImageName[iThis] + "\" />";
		sHTML = sHTML + "</div>";		
		
		// append it
		$("#stage").append(sHTML);
		
		//alert(iThis + ' - ' + iZindex);
	}; // fncImageMove
	
	//-------------------------------------------------------------------
	// JQUERY - General Page Functions
	
	// preload images
	jQuery.fn.fncPreLoadNow = function() {
		// load the first two images, then run, then start loading third
		var img = new Image();
	  	$(img).load(function () {
			// load second image
			var img2 = new Image();
			$(img2).load(function () {								   
				// start the page
				jQuery.fn.fncPageSetUpIndividual();
				
				// star the third image now
				if (iImageMax>=3) {
					var img3 = new Image();
					$(img3).load().attr('src', sImageSrcFolder + aImageName[3]);
				}
			}).attr('src', sImageSrcFolder + aImageName[2]);	
		}).attr('src', sImageSrcFolder + aImageName[1]);

		// set up the page now
		//jQuery.fn.fncPageSetUpIndividual();
		
	}; // fncPreLoadNow


	// delay timer
	jQuery.fn.fncTimerStart = function() {
		// translate iImageSwitchTimeDelay to millseconds
		iImageSwitchTimeDelay = aImageDlay * 1000;
		
		setImageSwitchTimer=setTimeout(jQuery.fn.fncImageSwitch,iImageSwitchTimeDelay);
		
	}; // fncTimerStart
	
	
	
	//-------------------------------------------------------------------
	// JQUERY - call on load
	
	jQuery.fn.fncPreLoadNow();	
}); // end jQuery load

//-------------------------------------------------------------------
// START: PRELOAD
//-------------------------------------------------------------------


function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
};

var bPersonLoaded = false;
function fncTeamPreloadImages() {
	if (document.images) {
		for (i=1;i<=3;i++) {	
			//img_over = newImage(sImageSrcFolder + aImageName[i]);
		}
	}
};
fncTeamPreloadImages();