/*======================================================================
	timelapse.js
------------------------------------------------------------------------
	JavaScript
	
	PURPOSE
		Handle custom Web 2.0 functionality for the timelapse
	images on the north america map on WindowsAroundTheWorld.

	NOTES 
		This uses Script.aculo.us on Prototype for advanced
	UI animation and AJAX communication.


	HISTORY
	
	2006-11-25, Created, Jim Rich
	2008-05-10, Modified, Jim Rich
		- Added San Dimas school (sdm)
	2009-03-15, Modified, Jim Rich
	    - Added Nantucket
	        - only to MOuseOverImage and MoustOutofImage
	
	for www.WindowsAroundTheWorld.org
=======================================================================*/


/*======================================================================
	Global Variables and Settings
=======================================================================*/
	// Set timeLapse (milliseconds)
	var timelapseSpeed = 200;
	var restartTime = 3000;

	var currentSchool;
	var timelapseMoveDistance = 111;
	var allowOpen = true;
	var killDownloads = false;

	// Toggle managment
	var mtjImageParameterList;
	var mtjDayPulled = false;
	var toggleMtJuliet = -1;	
	var mtjLeaveOpen = false;

	var pltImageParameterList;
	var pltDayPulled = false;
	var togglePaulatuk = -1;	
	var pltLeaveOpen = false;
	
	var frkImageParameterList;
	var frkDayPulled = false;
	var toggleFranklin = -1;	
	var frkLeaveOpen = false;	


	var aklImageParameterList;
	var aklDayPulled = false;
	var toggleAklavik = -1;	
	var aklLeaveOpen = false;	


	var hloImageParameterList;
	var hloDayPulled = false;
	var toggleHilo = -1;	
	var hloLeaveOpen = false;	

	var phnImageParameterList;
	var phnDayPulled = false;
	var togglePhoenix = -1;	
	var phnLeaveOpen = false;	
	
	var sdmImageParameterList;
	var sdmDayPulled = false;
	var toggleSanDimas = -1;	
	var sdmLeaveOpen = false;
	

	// Timelapse Frame Tracking variables
	var mtjTrackTimeout;
	var mtjTrackFrames = 0;
	var mtjRunState = 0;

	var pltTrackTimeout;
	var pltTrackFrames = 0;
	var pltRunState = 0;

	var frkTrackTimeout;
	var frkTrackFrames = 0;
	var frkRunState = 0;

	var aklTrackTimeout;
	var aklTrackFrames = 0;
	var aklRunState = 0;

	var hloTrackTimeout;
	var hloTrackFrames = 0;
	var hloRunState = 0;

	var phnTrackTimeout;
	var phnTrackFrames = 0;
	var phnRunState = 0;
	
	var sdmTrackTimeout;
	var sdmTrackFrames = 0;
	var sdmRunState = 0;


	// Image Arrays 
	var mtjImages = new Array();
	var mtjImageLabel = new Array();
	var mtjImagePreload = new Array();
	var mtjLargeImages = new Array();

	var pltImages = new Array();
	var pltImageLabel = new Array();
	var pltImagePreload = new Array();
	var pltLargeImages = new Array();

	var frkImages = new Array();
	var frkImageLabel = new Array();
	var frkImagePreload = new Array();
	var frkLargeImages = new Array();

	var aklImages = new Array();
	var aklImageLabel = new Array();
	var aklImagePreload = new Array();
	var aklLargeImages = new Array();

	var hloImages = new Array();
	var hloImageLabel = new Array();
	var hloImagePreload = new Array();
	var hloLargeImages = new Array();

	var phnImages = new Array();
	var phnImageLabel = new Array();
	var phnImagePreload = new Array();
	var phnLargeImages = new Array();
	
	var sdmImages = new Array();
	var sdmImageLabel = new Array();
	var sdmImagePreload = new Array();
	var sdmLargeImages = new Array();


/*======================================================================
	On Load Function
=======================================================================*/
	function initialize() {
		// Set the current time on the timeofday slider
		
		document.getElementById('mtj_time_value').innerHTML=possibleTimeOfDay[mtjTimeOfDay];
		document.getElementById('plt_time_value').innerHTML=possibleTimeOfDay[pltTimeOfDay];
		document.getElementById('frk_time_value').innerHTML=possibleTimeOfDay[frkTimeOfDay];
		document.getElementById('akl_time_value').innerHTML=possibleTimeOfDay[aklTimeOfDay];
		document.getElementById('hlo_time_value').innerHTML=possibleTimeOfDay[hloTimeOfDay];
		document.getElementById('phn_time_value').innerHTML=possibleTimeOfDay[phnTimeOfDay];
		document.getElementById('sdm_time_value').innerHTML=possibleTimeOfDay[sdmTimeOfDay];
		// From nav.js
		startList();
	}



/*======================================================================
	Slider functions and lookup arrays
=======================================================================*/
	// Slider and onChange functions
	var possibleTimeOfDay = new Array('12:00 midnight','1:00 am','2:00 am','3:00 am','4:00 am','5:00 am','6:00 am','7:00 am','8:00 am','9:00 am','10:00 am','11:00 am','12:00 noon','1:00 pm','2:00 pm','3:00 pm','4:00 pm','5:00 pm','6:00 pm','7:00 pm','8:00 pm','9:00 pm','10:00 pm','11:00 pm','12:00 midnight');


	// Process the TimeFrame slider selection
	function chooseTimeFrame(selection,school){

		var timeFrame;
		var coverDisplay;

		switch(selection){
		   case 1:
			timeFrame = 'month';
			coverDisplay = 'none'
			break;
		   case 2:
			timeFrame = 'year';
			coverDisplay = 'none'
			break;
		   default : 
			timeFrame = 'day';
			coverDisplay = 'block'
			break;
		}	

		switch(school){
			case 'mtj':
				mtjTimeFrame = timeFrame;
				document.getElementById('mtj_time_of_day_cover').style.display = coverDisplay;
				mtjTrackFrames=0;
				killdownloads = true;
				break;
				
			case 'plt':
				pltTimeFrame = timeFrame;
				document.getElementById('plt_time_of_day_cover').style.display = coverDisplay;
				pltTrackFrames=0;
				killdownloads = true;
				break;
	
			case 'frk':
				frkTimeFrame = timeFrame;
				document.getElementById('frk_time_of_day_cover').style.display = coverDisplay;
				frkTrackFrames=0;
				killdownloads = true;
				break;
				
			case 'akl':
				aklTimeFrame = timeFrame;
				document.getElementById('akl_time_of_day_cover').style.display = coverDisplay;
				aklTrackFrames=0;
				killdownloads = true;
				break;
				
			case 'hlo':
				hloTimeFrame = timeFrame;
				document.getElementById('hlo_time_of_day_cover').style.display = coverDisplay;
				hloTrackFrames=0;
				killdownloads = true;
				break;
				
			case 'phn':
				phnTimeFrame = timeFrame;
				document.getElementById('phn_time_of_day_cover').style.display = coverDisplay;
				phnTrackFrames=0;
				killdownloads = true;
				break;
			case 'sdm':
				sdmTimeFrame = timeFrame;
				document.getElementById('sdm_time_of_day_cover').style.display = coverDisplay;
				sdmTrackFrames=0;
				killdownloads = true;
				break;
		}

		endDate = persistedEndDate;
	}

	// Process the TimeOfDay slider selection
	function chooseTimeOfDay(selection,school){
	
		switch(school){
			
			case 'mtj':
				mtjTimeOfDay = selection;
				document.getElementById('mtj_time_value').innerHTML=possibleTimeOfDay[selection];
				mtjTrackFrames=0;
				killdownloads = true;
				break;
			case 'plt':
				pltTimeOfDay = selection;
				document.getElementById('plt_time_value').innerHTML=possibleTimeOfDay[selection];
				pltTrackFrames=0;
				killdownloads = true;
				break;
			case 'frk':
				frkTimeOfDay = selection;
				document.getElementById('frk_time_value').innerHTML=possibleTimeOfDay[selection];
				frkTrackFrames=0;
				killdownloads = true;
				break;
			case 'akl':
				aklTimeOfDay = selection;
				document.getElementById('akl_time_value').innerHTML=possibleTimeOfDay[selection];
				aklTrackFrames=0;
				killdownloads = true;
				break;
			case 'hlo':
				hloTimeOfDay = selection;
				document.getElementById('hlo_time_value').innerHTML=possibleTimeOfDay[selection];
				hloTrackFrames=0;
				killdownloads = true;
				break;
			case 'phn':
				phnTimeOfDay = selection;
				document.getElementById('phn_time_value').innerHTML=possibleTimeOfDay[selection];
				phnTrackFrames=0;
				killdownloads = true;
				break;
			case 'sdm':
				sdmTimeOfDay = selection;
				document.getElementById('sdm_time_value').innerHTML=possibleTimeOfDay[selection];
				sdmTrackFrames=0;
				killdownloads = true;
				break;
				
				
		}
		endDate = persistedEndDate;
	}


/*======================================================================
	AJAX call and error handling
=======================================================================*/


	// Handle the call made to the server
	function requestImages(parameterList, school) {
	
		currentSchool = school;
		
		new Ajax.Request('timelapsedata.aspx', {parameters:parameterList, onSuccess:processImageRequest, onFailure:errFunc, method:'GET',asynchronous: true });

	}



	// Handle the call made to the server
	function processImageRequest(req) {
	
		var responseData = eval('('+req.responseText+')');
		switch (currentSchool) {

			case 'mtj':
				mtjImages.length = 0;
				mtjImageLabel.length = 0;
				mtjLargeImages.length = 0;
				mtjImagePreload.length = 0;
				//Load the data into arrays
				for (var i=0;i<responseData.timelapse.length;i++)
				{
					mtjImages[i] = responseData.timelapse[i].image.path;
					mtjImageLabel[i] = responseData.timelapse[i].image.label;
					mtjLargeImages[i] = responseData.timelapse[i].image.largeImage;
				}

				//Cache the images
				for (i = 0; i < mtjImages.length; i++){
				   mtjImagePreload[i] = new Image()
				   mtjImagePreload[i].src = mtjImages[i]
				   if(killDownloads)
				   	break;
				}
				break;
				
			case 'plt':
				pltImages.length = 0;
				pltImageLabel.length = 0;
				pltLargeImages.length = 0;
				pltImagePreload.length = 0;
				
				//Load the data into arrays
				for (var i=0;i<responseData.timelapse.length;i++)
				{
					pltImages[i] = responseData.timelapse[i].image.path;
					pltImageLabel[i] = responseData.timelapse[i].image.label;
					pltLargeImages[i] = responseData.timelapse[i].image.largeImage;
				}

				//Cache the images
				for (i = 0; i < pltImages.length; i++){
				   pltImagePreload[i] = new Image()
				   pltImagePreload[i].src = pltImages[i]
				   if(killDownloads)
				   	break;
				}
				break;
				
			case 'frk':
				frkImages.length = 0;
				frkImageLabel.length = 0;
				frkLargeImages.length = 0;
				frkImagePreload.length = 0;
				//Load the data into arrays
				for (var i=0;i<responseData.timelapse.length;i++)
				{
					frkImages[i] = responseData.timelapse[i].image.path;
					frkImageLabel[i] = responseData.timelapse[i].image.label;
					frkLargeImages[i] = responseData.timelapse[i].image.largeImage;
				}

				//Cache the images
				for (i = 0; i < frkImages.length; i++){
				   frkImagePreload[i] = new Image()
				   frkImagePreload[i].src = frkImages[i]
				   if(killDownloads)
				   	break;
				}
				break;
				
			case 'akl':
				aklImages.length = 0;
				aklImageLabel.length = 0;
				aklLargeImages.length = 0;
				aklImagePreload.length = 0;
				//Load the data into arrays
				for (var i=0;i<responseData.timelapse.length;i++)
				{
					aklImages[i] = responseData.timelapse[i].image.path;
					aklImageLabel[i] = responseData.timelapse[i].image.label;
					aklLargeImages[i] = responseData.timelapse[i].image.largeImage;
				}

				//Cache the images
				for (i = 0; i < aklImages.length; i++){
				   aklImagePreload[i] = new Image()
				   aklImagePreload[i].src = aklImages[i]
				   if(killDownloads)
				   	break;
				}
				break;
				
			case 'hlo':
				hloImages.length = 0;
				hloImageLabel.length = 0;
				hloLargeImages.length = 0;
				hloImagePreload.length = 0;
				//Load the data into arrays
				for (var i=0;i<responseData.timelapse.length;i++)
				{
					hloImages[i] = responseData.timelapse[i].image.path;
					hloImageLabel[i] = responseData.timelapse[i].image.label;
					hloLargeImages[i] = responseData.timelapse[i].image.largeImage;
				}

				//Cache the images
				for (i = 0; i < hloImages.length; i++){
				   hloImagePreload[i] = new Image()
				   hloImagePreload[i].src = hloImages[i]
				   if(killDownloads)
				   	break;
				}
				break;
				
			case 'phn':
				phnImages.length = 0;
				phnImageLabel.length = 0;
				phnLargeImages.length = 0;
				phnImagePreload.length = 0;
				//Load the data into arrays
				for (var i=0;i<responseData.timelapse.length;i++)
				{
					phnImages[i] = responseData.timelapse[i].image.path;
					phnImageLabel[i] = responseData.timelapse[i].image.label;
					phnLargeImages[i] = responseData.timelapse[i].image.largeImage;
				}

				//Cache the images
				for (i = 0; i < phnImages.length; i++){
				   phnImagePreload[i] = new Image()
				   phnImagePreload[i].src = phnImages[i]
				   if(killDownloads)
				   	break;
				}
				break;
				
			case 'sdm':
				sdmImages.length = 0;
				sdmImageLabel.length = 0;
				sdmLargeImages.length = 0;
				sdmImagePreload.length = 0;
				//Load the data into arrays
				for (var i=0;i<responseData.timelapse.length;i++)
				{
					sdmImages[i] = responseData.timelapse[i].image.path;
					sdmImageLabel[i] = responseData.timelapse[i].image.label;
					sdmLargeImages[i] = responseData.timelapse[i].image.largeImage;
				}

				//Cache the images
				for (i = 0; i < sdmImages.length; i++){
				   sdmImagePreload[i] = new Image()
				   sdmImagePreload[i].src = sdmImages[i]
				   if(killDownloads)
				   	break;
				}
				break;
				
				
		}
	}


	// Need better Error presentation, but this will catch the errors
	var errFunc = function(t) {
	    alert('Error ' + t.status + ' -- ' + t.statusText);
	}




/*======================================================================
	Handle Animation supporting timelapse
=======================================================================*/
	// Toggle the move in and move out function for the Timelapse screen
	function openTimeLapsePanel(school) {
		switch (school)
			{
			case 'mtj':
				 //switch the direction to move the div	
				 toggleMtJuliet = toggleMtJuliet * -1;				 
				 
				 if (toggleMtJuliet > 0) {
				 	//open panel
				 	institutionID = 7;
				 	allowOpen = false;
				 	Effect.MoveBy('timelapse_panel_mtj',0,timelapseMoveDistance * toggleMtJuliet,{duration:0.4, afterFinish:function(){mtjLeaveOpen=true;}});
				 	document.getElementById('timelapseInstructions').style.display = 'block';
				 	document.getElementById('timelapseInstructions').style.top = '175px';
					document.getElementById('timelapseInstructions').style.left = '155px';
				 	document.getElementById('mtjImageLabel').style.display = 'block';
				 	document.getElementById('mtjTimelapseTabControl').src = 'images/timelapse-tab-in.gif';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0, to:0.85});
					new Effect.Opacity('mtjImageLabel', {duration:0.4, from:0, to:0.4});
				 	
				 	if(!mtjDayPulled) {
						mtjImageParameterList = 'i='+ institutionID +'&tf='+mtjTimeFrame+'&td='+mtjTimeOfDay+'&ed='+endDate
						// Make the server request
						requestImages(mtjImageParameterList, 'mtj');
				 		mtjDayPulled = true;
				 	}
				 	
				 }
				 else {
				 	//close panel
				 	allowOpen = true;
				 	Effect.MoveBy('timelapse_panel_mtj',0,timelapseMoveDistance * toggleMtJuliet,{duration:0.4, afterFinish:function(){mtjLeaveOpen=false;mouseOutofImage('mtj');}});
				 	document.getElementById('mtjTimelapseTabControl').src = 'images/timelapse-tab-out.gif';
				 	document.getElementById('mtjImageLabel').style.display = 'none';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0.85, to:0, afterFinish:function() {document.getElementById('timelapseInstructions').style.display = 'none';}});
				 	new Effect.Opacity('mtjImageLabel', {duration:0.4, from:0.4, to:0, afterFinish:function() {document.getElementById('mtjImageLabel').style.display = 'none';}});
				 	document.getElementById('mtjLoading').style.display = 'none';
				 	mtjToggleTimeLapsePlay('stop');
				 	killdownloads = true;
				 	

				 	}
				 break;
				 
			case 'plt':
				 //switch the direction to move the div	
				 togglePaulatuk = togglePaulatuk * -1;
				 
				 if (togglePaulatuk > 0) {
				 	//open panel
				 	institutionID = 5;
				 	allowOpen = false;
				 	Effect.MoveBy('timelapse_panel_plt',0,timelapseMoveDistance * togglePaulatuk,{duration:0.4, afterFinish:function(){pltLeaveOpen=true;}});
				 	document.getElementById('timelapseInstructions').style.display = 'block';
				 	document.getElementById('timelapseInstructions').style.top = '260px';
					document.getElementById('timelapseInstructions').style.left = '195px';
				 	document.getElementById('pltImageLabel').style.display = 'block';
				 	document.getElementById('pltTimelapseTabControl').src = 'images/timelapse-tab-in.gif';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0, to:0.85});
				 	new Effect.Opacity('pltImageLabel', {duration:0.4, from:0, to:0.4});
				 	
				 	if(!pltDayPulled) {
						pltImageParameterList = 'i='+ institutionID +'&tf='+pltTimeFrame+'&td='+pltTimeOfDay+'&ed='+endDate
						// Make the server request
						requestImages(pltImageParameterList, 'plt');
				 		pltDayPulled = true;
				 	}
				 	
				 }
				 else {
				 	//close panel
				 	allowOpen = true;
				 	Effect.MoveBy('timelapse_panel_plt',0,timelapseMoveDistance * togglePaulatuk,{duration:0.4, afterFinish:function(){pltLeaveOpen=false;mouseOutofImage('plt');}});
				 	document.getElementById('pltTimelapseTabControl').src = 'images/timelapse-tab-out.gif';
				 	document.getElementById('pltImageLabel').style.display = 'none';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0.85, to:0, afterFinish:function() {document.getElementById('timelapseInstructions').style.display = 'none';}});
				 	new Effect.Opacity('pltImageLabel', {duration:0.4, from:0.4, to:0, afterFinish:function() {document.getElementById('pltImageLabel').style.display = 'none';}});
				 	pltToggleTimeLapsePlay('stop');
				 	killdownloads = true;

				 	}
				 break;
				 
			case 'frk':
				 //switch the direction to move the div	
				 toggleFranklin = toggleFranklin * -1;
				 
				 if (toggleFranklin > 0) {
				 	//open panel
				 	institutionID = 3;
				 	allowOpen = false;
				 	Effect.MoveBy('timelapse_panel_frk',0,timelapseMoveDistance * toggleFranklin,{duration:0.4, afterFinish:function(){frkLeaveOpen=true;}});
				 	document.getElementById('timelapseInstructions').style.display = 'block';
				 	document.getElementById('frkImageLabel').style.display = 'block';
				 	document.getElementById('timelapseInstructions').style.top = '190px';
					document.getElementById('timelapseInstructions').style.left = '185px';
				 	document.getElementById('frkTimelapseTabControl').src = 'images/timelapse-tab-in.gif';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0, to:0.85});
				 	new Effect.Opacity('frkImageLabel', {duration:0.4, from:0, to:0.4});
				 	
				 	if(!frkDayPulled) {
						frkImageParameterList = 'i='+ institutionID +'&tf='+frkTimeFrame+'&td='+frkTimeOfDay+'&ed='+endDate
						// Make the server request
						requestImages(frkImageParameterList, 'frk');
				 		frkDayPulled = true;
				 	}
				 	
				 }
				 else {
				 	//close panel
				 	allowOpen = true;
				 	Effect.MoveBy('timelapse_panel_frk',0,timelapseMoveDistance * toggleFranklin,{duration:0.4, afterFinish:function(){frkLeaveOpen=false;mouseOutofImage('frk');}});
				 	document.getElementById('frkTimelapseTabControl').src = 'images/timelapse-tab-out.gif';
				 	document.getElementById('frkImageLabel').style.display = 'none';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0.85, to:0, afterFinish:function() {document.getElementById('timelapseInstructions').style.display = 'none';}});
				 	new Effect.Opacity('frkImageLabel', {duration:0.4, from:0.4, to:0, afterFinish:function() {document.getElementById('frkImageLabel').style.display = 'none';}});
				 	frkToggleTimeLapsePlay('stop');
				 	killdownloads = true;

				 	}
				 break;
				 
			case 'akl':
				 //switch the direction to move the div	
				 toggleAklavik = toggleAklavik * -1;
				 
				 if (toggleAklavik > 0) {
				 	//open panel
				 	institutionID = 4;
				 	allowOpen = false;
				 	Effect.MoveBy('timelapse_panel_akl',0,timelapseMoveDistance * toggleAklavik,{duration:0.4, afterFinish:function(){aklLeaveOpen=true;}});
				 	document.getElementById('timelapseInstructions').style.display = 'block';
				 	document.getElementById('timelapseInstructions').style.top = '260px';
					document.getElementById('timelapseInstructions').style.left = '195px';
				 	document.getElementById('aklImageLabel').style.display = 'block';
				 	document.getElementById('aklTimelapseTabControl').src = 'images/timelapse-tab-in.gif';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0, to:0.85});
				 	new Effect.Opacity('aklImageLabel', {duration:0.4, from:0, to:0.4});
				 	
				 	if(!aklDayPulled) {
						aklImageParameterList = 'i='+ institutionID +'&tf='+aklTimeFrame+'&td='+aklTimeOfDay+'&ed='+endDate
						// Make the server request
						requestImages(aklImageParameterList, 'akl');
				 		aklDayPulled = true;
				 	}
				 	
				 }
				 else {
				 	//close panel
				 	allowOpen = true;
				 	Effect.MoveBy('timelapse_panel_akl',0,timelapseMoveDistance * toggleAklavik,{duration:0.4, afterFinish:function(){aklLeaveOpen=false;mouseOutofImage('akl');}});
				 	document.getElementById('aklTimelapseTabControl').src = 'images/timelapse-tab-out.gif';
				 	document.getElementById('aklImageLabel').style.display = 'none';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0.85, to:0, afterFinish:function() {document.getElementById('timelapseInstructions').style.display = 'none';}});
				 	new Effect.Opacity('aklImageLabel', {duration:0.4, from:0.4, to:0, afterFinish:function() {document.getElementById('aklImageLabel').style.display = 'none';}});
				 	aklToggleTimeLapsePlay('stop');
				 	killdownloads = true;

				 	}
				 break;
				 
			case 'hlo':
				 //switch the direction to move the div	
				 toggleHilo = toggleHilo * -1;
				 
				 if (toggleHilo > 0) {
				 	//open panel
				 	institutionID = 8;
				 	allowOpen = false;
				 	Effect.MoveBy('timelapse_panel_hlo',0,timelapseMoveDistance * toggleHilo,{duration:0.4, afterFinish:function(){hloLeaveOpen=true;}});
				 	document.getElementById('timelapseInstructions').style.display = 'block';
				 	document.getElementById('timelapseInstructions').style.top = '115px';
					document.getElementById('timelapseInstructions').style.left = '330px';
				 	document.getElementById('hloImageLabel').style.display = 'block';
				 	document.getElementById('hloTimelapseTabControl').src = 'images/timelapse-tab-in.gif';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0, to:0.85});
				 	new Effect.Opacity('hloImageLabel', {duration:0.4, from:0, to:0.4});
				 	
				 	if(!hloDayPulled) {
						hloImageParameterList = 'i='+ institutionID +'&tf='+hloTimeFrame+'&td='+hloTimeOfDay+'&ed='+endDate
						// Make the server request
						requestImages(hloImageParameterList, 'hlo');
				 		hloDayPulled = true;
				 	}
				 	
				 }
				 else {
				 	//close panel
				 	allowOpen = true;
				 	Effect.MoveBy('timelapse_panel_hlo',0,timelapseMoveDistance * toggleHilo,{duration:0.4, afterFinish:function(){hloLeaveOpen=false;mouseOutofImage('hlo');}});
				 	document.getElementById('hloTimelapseTabControl').src = 'images/timelapse-tab-out.gif';
				 	document.getElementById('hloImageLabel').style.display = 'none';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0.85, to:0, afterFinish:function() {document.getElementById('timelapseInstructions').style.display = 'none';}});
				 	new Effect.Opacity('hloImageLabel', {duration:0.4, from:0.4, to:0, afterFinish:function() {document.getElementById('hloImageLabel').style.display = 'none';}});
				 	hloToggleTimeLapsePlay('stop');
				 	killdownloads = true;

				 	}
				 break;
				 
			case 'phn':
				 //switch the direction to move the div	
				 togglePhoenix = togglePhoenix * -1;
				 
				 if (togglePhoenix > 0) {
				 	//open panel
				 	institutionID = 9;
				 	allowOpen = false;
				 	Effect.MoveBy('timelapse_panel_phn',0,timelapseMoveDistance * togglePhoenix,{duration:0.4, afterFinish:function(){phnLeaveOpen=true;}});
				 	document.getElementById('timelapseInstructions').style.display = 'block';
				 	document.getElementById('timelapseInstructions').style.top = '63px';
					document.getElementById('timelapseInstructions').style.left = '30px';
				 	document.getElementById('phnImageLabel').style.display = 'block';
				 	document.getElementById('phnTimelapseTabControl').src = 'images/timelapse-tab-in.gif';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0, to:0.85});
				 	new Effect.Opacity('phnImageLabel', {duration:0.4, from:0, to:0.4});
				 	
				 	if(!phnDayPulled) {
						phnImageParameterList = 'i='+ institutionID +'&tf='+phnTimeFrame+'&td='+phnTimeOfDay+'&ed='+endDate
						// Make the server request
						requestImages(phnImageParameterList, 'phn');
				 		phnDayPulled = true;
				 	}
				 	
				 }
				 else {
				 	//close panel
				 	allowOpen = true;
				 	Effect.MoveBy('timelapse_panel_phn',0,timelapseMoveDistance * togglePhoenix,{duration:0.4, afterFinish:function(){phnLeaveOpen=false;mouseOutofImage('phn');}});
				 	document.getElementById('phnTimelapseTabControl').src = 'images/timelapse-tab-out.gif';
				 	document.getElementById('phnImageLabel').style.display = 'none';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0.85, to:0, afterFinish:function() {document.getElementById('timelapseInstructions').style.display = 'none';}});
				 	new Effect.Opacity('phnImageLabel', {duration:0.4, from:0.4, to:0, afterFinish:function() {document.getElementById('phnImageLabel').style.display = 'none';}});
				 	phnToggleTimeLapsePlay('stop');
				 	killdownloads = true;

				 	}
				 break;				 
				 
				 
			case 'sdm':
				 //switch the direction to move the div	
				 toggleSanDimas = toggleSanDimas * -1;
				 
				 if (toggleSanDimas > 0) {
				 	//open panel
				 	institutionID = 14;
				 	allowOpen = false;
				 	Effect.MoveBy('timelapse_panel_sdm',0,timelapseMoveDistance * toggleSanDimas,{duration:0.4, afterFinish:function(){sdmLeaveOpen=true;}});
				 	document.getElementById('timelapseInstructions').style.display = 'block';
				 	document.getElementById('timelapseInstructions').style.top = '63px';
					document.getElementById('timelapseInstructions').style.left = '30px';
				 	document.getElementById('sdmImageLabel').style.display = 'block';
				 	document.getElementById('sdmTimelapseTabControl').src = 'images/timelapse-tab-in.gif';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0, to:0.85});
				 	new Effect.Opacity('sdmImageLabel', {duration:0.4, from:0, to:0.4});
				 	
				 	if(!sdmDayPulled) {
						sdmImageParameterList = 'i='+ institutionID +'&tf='+sdmTimeFrame+'&td='+sdmTimeOfDay+'&ed='+endDate
						// Make the server request
						requestImages(sdmImageParameterList, 'sdm');
				 		sdmDayPulled = true;
				 	}
				 	
				 }
				 else {
				 	//close panel
				 	allowOpen = true;
				 	Effect.MoveBy('timelapse_panel_sdm',0,timelapseMoveDistance * toggleSanDimas,{duration:0.4, afterFinish:function(){sdmLeaveOpen=false;mouseOutofImage('sdm');}});
				 	document.getElementById('sdmTimelapseTabControl').src = 'images/timelapse-tab-out.gif';
				 	document.getElementById('sdmImageLabel').style.display = 'none';
				 	new Effect.Opacity('timelapseInstructions', {duration:1, from:0.85, to:0, afterFinish:function() {document.getElementById('timelapseInstructions').style.display = 'none';}});
				 	new Effect.Opacity('sdmImageLabel', {duration:0.4, from:0.4, to:0, afterFinish:function() {document.getElementById('sdmImageLabel').style.display = 'none';}});
				 	sdmToggleTimeLapsePlay('stop');
				 	killdownloads = true;

				 	}
				 break;		


			}
		
		
	}


	// Handle closing the open school image.  Closing is not allowed if timelapse is open
	function mouseOutofImage(school) {
	
		
		switch (school)
			{
			case 'mtj':
				if (toggleMtJuliet == -1 && !mtjLeaveOpen){
					 //close the open windows
					document.getElementById('mp_mtjulietLarge').style.display='none';
					document.getElementById('timelapse_panel_mtj').style.display='none';
				}
				break;

			case 'plt':
				if (togglePaulatuk == -1 && !pltLeaveOpen){
					 //close the open windows
					document.getElementById('mp_paulatukLarge').style.display='none';
					document.getElementById('timelapse_panel_plt').style.display='none';
				}
				break;
				

			case 'frk':
				if (toggleFranklin == -1 && !frkLeaveOpen){
					 //close the open windows
					document.getElementById('mp_franklinLarge').style.display='none';
					document.getElementById('timelapse_panel_frk').style.display='none';
				}
				break;
				
			case 'akl':
				if (toggleAklavik == -1 && !aklLeaveOpen){
					 //close the open windows
					document.getElementById('mp_aklavikLarge').style.display='none';
					document.getElementById('timelapse_panel_akl').style.display='none';
				}
				break;

			case 'hlo':
				if (toggleHilo == -1 && !hloLeaveOpen){
					 //close the open windows
					document.getElementById('mp_hiloLarge').style.display='none';
					document.getElementById('timelapse_panel_hlo').style.display='none';
				}
				break;
				
			case 'phn':
				if (togglePhoenix == -1 && !phnLeaveOpen){
					 //close the open windows
					document.getElementById('mp_phoenixLarge').style.display='none';
					document.getElementById('timelapse_panel_phn').style.display='none';
				}
				break;
			case 'sdm':
				if (toggleSanDimas == -1 && !sdmLeaveOpen){
					 //close the open windows
					document.getElementById('mp_sandimasLarge').style.display='none';
					document.getElementById('timelapse_panel_sdm').style.display='none';
				}
				break;
			case 'drc':
				if (toggleSanDimas == -1 && !sdmLeaveOpen){
					 //close the open windows
					document.getElementById('mp_dorchesterLarge').style.display='none';
					
				}
				break;
				
			case 'cht':
				if (toggleSanDimas == -1 && !sdmLeaveOpen){
					 //close the open windows
					document.getElementById('mp_charlottevilleLarge').style.display='none';
				}
				break;	

			case 'nns':
				if (toggleSanDimas == -1 && !sdmLeaveOpen){
					 //close the open windows
					document.getElementById('mp_nantucketLarge').style.display='none';
				}
				break;	

				
			}		
	}



	// Handle opening the large image. 
	// This is where we position the timelapse panel
	function mouseOverImage(school) {
	
		if (allowOpen){
			switch (school)
				{
				case 'mtj':
					 //open windows
					document.getElementById('mp_mtjulietLarge').style.display='block';
					//document.getElementById('timelapse_panel_mtj').style.display='block';
					//document.getElementById('timelapse_panel_mtj').style.top='240px';
					//document.getElementById('timelapse_panel_mtj').style.left='416px';
					break;

				case 'plt':
					 //open windows
					document.getElementById('mp_paulatukLarge').style.display='block'; 
//					document.getElementById('timelapse_panel_plt').style.display='block';
//					document.getElementById('timelapse_panel_plt').style.top='61px';
//					document.getElementById('timelapse_panel_plt').style.left='242px';
					break;

				case 'frk':
					 //open windows
					document.getElementById('mp_franklinLarge').style.display='block';
//					document.getElementById('timelapse_panel_frk').style.display='block';
//					document.getElementById('timelapse_panel_frk').style.top='213px';
//					document.getElementById('timelapse_panel_frk').style.left='527px';
					break;
					
				case 'akl':
					 //open windows
					document.getElementById('mp_aklavikLarge').style.display='block'; 
//					document.getElementById('timelapse_panel_akl').style.display='block';
//					document.getElementById('timelapse_panel_akl').style.top='61px';
//					document.getElementById('timelapse_panel_akl').style.left='125px';
					break;

				case 'hlo':
					 //open windows
					document.getElementById('mp_hiloLarge').style.display='block'; 
//					document.getElementById('timelapse_panel_hlo').style.display='block';
//					document.getElementById('timelapse_panel_hlo').style.top='257px';
//					document.getElementById('timelapse_panel_hlo').style.left='80px';
					break;
					
				case 'phn':
					 //open windows
					document.getElementById('mp_phoenixLarge').style.display='block'; 
//					document.getElementById('timelapse_panel_phn').style.display='block';
//					document.getElementById('timelapse_panel_phn').style.top='264px';
//					document.getElementById('timelapse_panel_phn').style.left='326px';
					break;
		
				case 'sdm':
					 //open windows
					document.getElementById('mp_sandimasLarge').style.display='block'; 
//					document.getElementById('timelapse_panel_sdm').style.display='block';
//					document.getElementById('timelapse_panel_sdm').style.top='254px';
//					document.getElementById('timelapse_panel_sdm').style.left='199px';
					break;

				case 'drc':
					 //open windows
					document.getElementById('mp_dorchesterLarge').style.display='block'; 
					break;
					
				case 'cht':
					 //open windows
					document.getElementById('mp_charlottevilleLarge').style.display='block'; 
					break;
					
				case 'nns':
					 //open windows
					document.getElementById('mp_nantucketLarge').style.display='block'; 
					break;
				}		
		}
	}




/*======================================================================
	Functions to play the timelapse movies
	TODO: Simplify with single functions with params, not time for that now.
=======================================================================*/
	function mtjToggleTimeLapsePlay(action){
		if (mtjRunState == 0 && action != 'stop'){
			mtjRunState = 1;
			killdownloads = false;
			document.getElementById('mtj_all_slider_cover').style.display = 'block';
			document.getElementById('mtj_timelapse_button').src = 'images/timelapse-pause.gif';

			// don't pull images if you already have them
			if(mtjImageParameterList != 'i='+ institutionID +'&tf='+mtjTimeFrame+'&td='+mtjTimeOfDay+'&ed='+endDate) {

				// get the images
				mtjImageParameterList = 'i='+ institutionID +'&tf='+mtjTimeFrame+'&td='+mtjTimeOfDay+'&ed='+endDate
				new Ajax.Request('timelapsedata.aspx', {parameters:mtjImageParameterList, onSuccess:processImageRequest, onFailure:errFunc, method:'GET',asynchronous: true });
			}	

			//Delay play to allow some images to load
			document.getElementById('mtjLoading').style.display = 'block';
			setTimeout('mtjPlayTimeLapseFrames();',3000);
			}
		else {
		document.getElementById('mtj_timelapse_button').src = 'images/timelapse-play.gif'
		document.getElementById('mtj_all_slider_cover').style.display = 'none';
		mtjRunState = 0;
		}
	}

	function mtjPlayTimeLapseFrames(){

		   // turn off loading animation here
		   document.getElementById('mtjLoading').style.display = 'none';
		   
		   // check to see if any images came back
		   if(mtjImages.length > 0) {
		   
			   // change the image	
			   document.getElementById('mp_mtjulietLarge').childNodes[0].childNodes[0].src = mtjImagePreload[mtjTrackFrames].src;

			   //need to change popup size based on type of image
			   if (mtjLargeImages[mtjTrackFrames] == 'none') {
				document.getElementById('mp_mtjulietLarge').childNodes[0].href = '#';
				document.getElementById('mp_mtjulietLarge').childNodes[0].style.cursor='default';
				}
			   else {
				document.getElementById('mp_mtjulietLarge').childNodes[0].href = 'javascript:openPopup(\'../view_image.aspx?t='+ mtjLargeImages[mtjTrackFrames] +'&s='+ mtjLargeImages[mtjTrackFrames] +'&w=480&h=640\',480,640);';
				document.getElementById('mp_mtjulietLarge').childNodes[0].style.cursor='pointer';
				}

			   // Change the date time label for each image
			   document.getElementById('mtjImageLabel').innerHTML = mtjImageLabel[mtjTrackFrames];

			   mtjTrackFrames = mtjTrackFrames + 1;
			   if (mtjTrackFrames > (mtjImagePreload.length-1)) mtjTrackFrames=0;

			   if (mtjRunState == 1) {

			   if (mtjTrackFrames!=0) mtjTrackTimeout = setTimeout('mtjPlayTimeLapseFrames()', timelapseSpeed);
			   else mtjTrackTimeout = setTimeout('mtjPlayTimeLapseFrames()', restartTime);
			   }
		   }
	}
	
	
	function pltToggleTimeLapsePlay(action){
		if (pltRunState == 0 && action != 'stop'){
			pltRunState = 1;
			killdownloads = false;
			document.getElementById('plt_all_slider_cover').style.display = 'block';
			document.getElementById('plt_timelapse_button').src = 'images/timelapse-pause.gif'

			// don't pull images if you already have them
			if(pltImageParameterList != 'i='+ institutionID +'&tf='+pltTimeFrame+'&td='+pltTimeOfDay+'&ed='+endDate) {

				// get the images
				pltImageParameterList = 'i='+ institutionID +'&tf='+pltTimeFrame+'&td='+pltTimeOfDay+'&ed='+endDate
				new Ajax.Request('timelapsedata.aspx', {parameters:pltImageParameterList, onSuccess:processImageRequest, onFailure:errFunc, method:'GET',asynchronous: true });
			}	

			//Delay play to allow some images to load
			document.getElementById('pltLoading').style.display = 'block';
			setTimeout('pltPlayTimeLapseFrames();',3000);
			}
		else {
		document.getElementById('plt_timelapse_button').src = 'images/timelapse-play.gif';
		document.getElementById('plt_all_slider_cover').style.display = 'none';
		pltRunState = 0;
		}
	}

	function pltPlayTimeLapseFrames(){

		   // turn off loading animation here
		   document.getElementById('pltLoading').style.display = 'none';

		  
		   // change the image	
		   document.getElementById('mp_paulatukLarge').childNodes[0].childNodes[0].src = pltImagePreload[pltTrackFrames].src;

		   //need to change popup size based on type of image
		   if (pltLargeImages[pltTrackFrames] == 'none') {
			document.getElementById('mp_paulatukLarge').childNodes[0].href = '#';
			document.getElementById('mp_paulatukLarge').childNodes[0].style.cursor='default';
			}
		   else {
			document.getElementById('mp_paulatukLarge').childNodes[0].href = 'javascript:openPopup(\'../view_image.aspx?t='+ pltLargeImages[pltTrackFrames] +'&s='+ pltLargeImages[pltTrackFrames] +'&w=480&h=640\',480,640);';
			document.getElementById('mp_paulatukLarge').childNodes[0].style.cursor='pointer';
			}

		   // Change the date time label for each image
		   document.getElementById('pltImageLabel').innerHTML = pltImageLabel[pltTrackFrames];

		   pltTrackFrames = pltTrackFrames + 1;
		   if (pltTrackFrames > (pltImagePreload.length-1)) pltTrackFrames=0;

		   if (pltRunState == 1) {

		   if (pltTrackFrames!=0) pltTrackTimeout = setTimeout('pltPlayTimeLapseFrames()', timelapseSpeed);
		   else pltTrackTimeout = setTimeout('pltPlayTimeLapseFrames()', restartTime);
		   }


	}
	
	
	function frkToggleTimeLapsePlay(action){
		if (frkRunState == 0 && action != 'stop'){
			frkRunState = 1;
			killdownloads = false;
			document.getElementById('frk_all_slider_cover').style.display = 'block';
			document.getElementById('frk_timelapse_button').src = 'images/timelapse-pause.gif'

			// don't pull images if you already have them
			if(frkImageParameterList != 'i='+ institutionID +'&tf='+frkTimeFrame+'&td='+frkTimeOfDay+'&ed='+endDate) {

				// get the images
				frkImageParameterList = 'i='+ institutionID +'&tf='+frkTimeFrame+'&td='+frkTimeOfDay+'&ed='+endDate
				new Ajax.Request('timelapsedata.aspx', {parameters:frkImageParameterList, onSuccess:processImageRequest, onFailure:errFunc, method:'GET',asynchronous: true });
			}	

			//Delay play to allow some images to load
			document.getElementById('frkLoading').style.display = 'block';
			setTimeout('frkPlayTimeLapseFrames();',3000);
			}
		else {
		document.getElementById('frk_timelapse_button').src = 'images/timelapse-play.gif';
		document.getElementById('frk_all_slider_cover').style.display = 'none';
		frkRunState = 0;
		}
	}

	function frkPlayTimeLapseFrames(){

		   // turn off loading animation here
		   document.getElementById('frkLoading').style.display = 'none';
		  if(frkImages.length > 0) {

			   // change the image	
			   document.getElementById('mp_franklinLarge').childNodes[0].childNodes[0].src = frkImagePreload[frkTrackFrames].src;

			   //need to change popup size based on type of image
			   if (frkLargeImages[frkTrackFrames] == 'none') {
				document.getElementById('mp_franklinLarge').childNodes[0].href = '#';
				document.getElementById('mp_franklinLarge').childNodes[0].style.cursor='default';
				}
			   else {
				document.getElementById('mp_franklinLarge').childNodes[0].href = 'javascript:openPopup(\'../view_image.aspx?t='+ frkLargeImages[frkTrackFrames] +'&s='+ frkLargeImages[frkTrackFrames] +'&w=480&h=640\',480,640);';
				document.getElementById('mp_franklinLarge').childNodes[0].style.cursor='pointer';
				}

			   // Change the date time label for each image
			   document.getElementById('frkImageLabel').innerHTML = frkImageLabel[frkTrackFrames];

			   frkTrackFrames = frkTrackFrames + 1;
			   if (frkTrackFrames > (frkImagePreload.length-1)) frkTrackFrames=0;

			   if (frkRunState == 1) {

			   if (frkTrackFrames!=0) frkTrackTimeout = setTimeout('frkPlayTimeLapseFrames()', timelapseSpeed);
			   else frkTrackTimeout = setTimeout('frkPlayTimeLapseFrames()', restartTime);
			   }
		   }
	}
	

	function aklToggleTimeLapsePlay(action){
		if (aklRunState == 0 && action != 'stop'){
			aklRunState = 1;
			killdownloads = false;
			document.getElementById('akl_all_slider_cover').style.display = 'block';
			document.getElementById('akl_timelapse_button').src = 'images/timelapse-pause.gif'

			// don't pull images if you already have them
			if(aklImageParameterList != 'i='+ institutionID +'&tf='+aklTimeFrame+'&td='+aklTimeOfDay+'&ed='+endDate) {

				// get the images
				aklImageParameterList = 'i='+ institutionID +'&tf='+aklTimeFrame+'&td='+aklTimeOfDay+'&ed='+endDate
				new Ajax.Request('timelapsedata.aspx', {parameters:aklImageParameterList, onSuccess:processImageRequest, onFailure:errFunc, method:'GET',asynchronous: true });
			}	

			//Delay play to allow some images to load
			document.getElementById('aklLoading').style.display = 'block';
			setTimeout('aklPlayTimeLapseFrames();',3000);
			}
		else {
		document.getElementById('akl_timelapse_button').src = 'images/timelapse-play.gif';
		document.getElementById('akl_all_slider_cover').style.display = 'none';
		aklRunState = 0;
		}
	}

	function aklPlayTimeLapseFrames(){

		   // turn off loading animation here
		   document.getElementById('aklLoading').style.display = 'none';

		  if(aklImages.length > 0) {

			   // change the image	
			   document.getElementById('mp_aklavikLarge').childNodes[0].childNodes[0].src = aklImagePreload[aklTrackFrames].src;

			   //need to change popup size based on type of image
			   if (aklLargeImages[aklTrackFrames] == 'none') {
				document.getElementById('mp_aklavikLarge').childNodes[0].href = '#';
				document.getElementById('mp_aklavikLarge').childNodes[0].style.cursor='default';
				}
			   else {
				document.getElementById('mp_aklavikLarge').childNodes[0].href = 'javascript:openPopup(\'../view_image.aspx?t='+ aklLargeImages[aklTrackFrames] +'&s='+ aklLargeImages[aklTrackFrames] +'&w=480&h=640\',480,640);';
				document.getElementById('mp_aklavikLarge').childNodes[0].style.cursor='pointer';
				}

			   // Change the date time label for each image
			   document.getElementById('aklImageLabel').innerHTML = aklImageLabel[aklTrackFrames];

			   aklTrackFrames = aklTrackFrames + 1;
			   if (aklTrackFrames > (aklImagePreload.length-1)) aklTrackFrames=0;

			   if (aklRunState == 1) {

			   if (aklTrackFrames!=0) aklTrackTimeout = setTimeout('aklPlayTimeLapseFrames()', timelapseSpeed);
			   else aklTrackTimeout = setTimeout('aklPlayTimeLapseFrames()', restartTime);
			   }
		   }
	}
	


	function hloToggleTimeLapsePlay(action){
		if (hloRunState == 0 && action != 'stop'){
			hloRunState = 1;
			killdownloads = false;
			document.getElementById('hlo_all_slider_cover').style.display = 'block';
			document.getElementById('hlo_timelapse_button').src = 'images/timelapse-pause.gif'

			// don't pull images if you already have them
			if(hloImageParameterList != 'i='+ institutionID +'&tf='+hloTimeFrame+'&td='+hloTimeOfDay+'&ed='+endDate) {

				// get the images
				hloImageParameterList = 'i='+ institutionID +'&tf='+hloTimeFrame+'&td='+hloTimeOfDay+'&ed='+endDate
				new Ajax.Request('timelapsedata.aspx', {parameters:hloImageParameterList, onSuccess:processImageRequest, onFailure:errFunc, method:'GET',asynchronous: true });
			}	

			//Delay play to allow some images to load
			document.getElementById('hloLoading').style.display = 'block';
			setTimeout('hloPlayTimeLapseFrames();',3000);
			}
		else {
		document.getElementById('hlo_timelapse_button').src = 'images/timelapse-play.gif'
		document.getElementById('hlo_all_slider_cover').style.display = 'none';
		hloRunState = 0;
		}
	}

	function hloPlayTimeLapseFrames(){

		   // turn off loading animation here
		   document.getElementById('hloLoading').style.display = 'none';

		  if(hloImages.length > 0) {
			   // change the image	
			   document.getElementById('mp_hiloLarge').childNodes[0].childNodes[0].src = hloImagePreload[hloTrackFrames].src;

			   //need to change popup size based on type of image
			   if (hloLargeImages[hloTrackFrames] == 'none') {
				document.getElementById('mp_hiloLarge').childNodes[0].href = '#';
				document.getElementById('mp_hiloLarge').childNodes[0].style.cursor='default';
				}
			   else {
				document.getElementById('mp_hiloLarge').childNodes[0].href = 'javascript:openPopup(\'../view_image.aspx?t='+ hloLargeImages[hloTrackFrames] +'&s='+ hloLargeImages[hloTrackFrames] +'&w=480&h=640\',480,640);';
				document.getElementById('mp_hiloLarge').childNodes[0].style.cursor='pointer';
				}

			   // Change the date time label for each image
			   document.getElementById('hloImageLabel').innerHTML = hloImageLabel[hloTrackFrames];

			   hloTrackFrames = hloTrackFrames + 1;
			   if (hloTrackFrames > (hloImagePreload.length-1)) hloTrackFrames=0;

			   if (hloRunState == 1) {

			   if (hloTrackFrames!=0) hloTrackTimeout = setTimeout('hloPlayTimeLapseFrames()', timelapseSpeed);
			   else hloTrackTimeout = setTimeout('hloPlayTimeLapseFrames()', restartTime);
			   }
		   }
	}


	function phnToggleTimeLapsePlay(action){
		if (phnRunState == 0 && action != 'stop'){
			phnRunState = 1;
			killdownloads = false;
			document.getElementById('phn_all_slider_cover').style.display = 'block';
			document.getElementById('phn_timelapse_button').src = 'images/timelapse-pause.gif'

			// don't pull images if you already have them
			if(phnImageParameterList != 'i='+ institutionID +'&tf='+phnTimeFrame+'&td='+phnTimeOfDay+'&ed='+endDate) {

				// get the images
				phnImageParameterList = 'i='+ institutionID +'&tf='+phnTimeFrame+'&td='+phnTimeOfDay+'&ed='+endDate
				new Ajax.Request('timelapsedata.aspx', {parameters:phnImageParameterList, onSuccess:processImageRequest, onFailure:errFunc, method:'GET',asynchronous: true });
			}	

			//Delay play to allow some images to load
			document.getElementById('phnLoading').style.display = 'block';
			setTimeout('phnPlayTimeLapseFrames();',3000);
			}
		else {
		document.getElementById('phn_timelapse_button').src = 'images/timelapse-play.gif'
		document.getElementById('phn_all_slider_cover').style.display = 'none';
		phnRunState = 0;
		}
	}

	function phnPlayTimeLapseFrames(){

		   // turn off loading animation here
		   document.getElementById('phnLoading').style.display = 'none';

		  if(phnImages.length > 0) {
			   // change the image	
			   document.getElementById('mp_phoenixLarge').childNodes[0].childNodes[0].src = phnImagePreload[phnTrackFrames].src;

			   //need to change popup size based on type of image
			   if (phnLargeImages[phnTrackFrames] == 'none') {
				document.getElementById('mp_phoenixLarge').childNodes[0].href = '#';
				document.getElementById('mp_phoenixLarge').childNodes[0].style.cursor='default';
				}
			   else {
				document.getElementById('mp_phoenixLarge').childNodes[0].href = 'javascript:openPopup(\'../view_image.aspx?t='+ phnLargeImages[phnTrackFrames] +'&s='+ phnLargeImages[phnTrackFrames] +'&w=480&h=640\',480,640);';
				document.getElementById('mp_phoenixLarge').childNodes[0].style.cursor='pointer';
				}

			   // Change the date time label for each image
			   document.getElementById('phnImageLabel').innerHTML = phnImageLabel[phnTrackFrames];

			   phnTrackFrames = phnTrackFrames + 1;
			   if (phnTrackFrames > (phnImagePreload.length-1)) phnTrackFrames=0;

			   if (phnRunState == 1) {

			   if (phnTrackFrames!=0) phnTrackTimeout = setTimeout('phnPlayTimeLapseFrames()', timelapseSpeed);
			   else phnTrackTimeout = setTimeout('phnPlayTimeLapseFrames()', restartTime);
			   }
		   }
	}	





	function sdmToggleTimeLapsePlay(action){
		if (sdmRunState == 0 && action != 'stop'){
			sdmRunState = 1;
			killdownloads = false;
			document.getElementById('sdm_all_slider_cover').style.display = 'block';
			document.getElementById('sdm_timelapse_button').src = 'images/timelapse-pause.gif'

			// don't pull images if you already have them
			if(sdmImageParameterList != 'i='+ institutionID +'&tf='+sdmTimeFrame+'&td='+sdmTimeOfDay+'&ed='+endDate) {

				// get the images
				sdmImageParameterList = 'i='+ institutionID +'&tf='+sdmTimeFrame+'&td='+sdmTimeOfDay+'&ed='+endDate
				new Ajax.Request('timelapsedata.aspx', {parameters:sdmImageParameterList, onSuccess:processImageRequest, onFailure:errFunc, method:'GET',asynchronous: true });
			}	

			//Delay play to allow some images to load
			document.getElementById('sdmLoading').style.display = 'block';
			setTimeout('sdmPlayTimeLapseFrames();',3000);
			}
		else {
		document.getElementById('sdm_timelapse_button').src = 'images/timelapse-play.gif'
		document.getElementById('sdm_all_slider_cover').style.display = 'none';
		sdmRunState = 0;
		}
	}

	function sdmPlayTimeLapseFrames(){

		   // turn off loading animation here
		   document.getElementById('sdmLoading').style.display = 'none';

		  if(sdmImages.length > 0) {
			   // change the image	
			   document.getElementById('mp_sandimasLarge').childNodes[0].childNodes[0].src = sdmImagePreload[sdmTrackFrames].src;

			   //need to change popup size based on type of image
			   if (sdmLargeImages[sdmTrackFrames] == 'none') {
				document.getElementById('mp_sandimasLarge').childNodes[0].href = '#';
				document.getElementById('mp_sandimasLarge').childNodes[0].style.cursor='default';
				}
			   else {
				document.getElementById('mp_sandimasLarge').childNodes[0].href = 'javascript:openPopup(\'../view_image.aspx?t='+ sdmLargeImages[sdmTrackFrames] +'&s='+ sdmLargeImages[sdmTrackFrames] +'&w=480&h=640\',480,640);';
				document.getElementById('mp_sandimasLarge').childNodes[0].style.cursor='pointer';
				}

			   // Change the date time label for each image
			   document.getElementById('sdmImageLabel').innerHTML = sdmImageLabel[sdmTrackFrames];

			   sdmTrackFrames = sdmTrackFrames + 1;
			   if (sdmTrackFrames > (sdmImagePreload.length-1)) sdmTrackFrames=0;

			   if (sdmRunState == 1) {

			   if (sdmTrackFrames!=0) sdmTrackTimeout = setTimeout('sdmPlayTimeLapseFrames()', timelapseSpeed);
			   else sdmTrackTimeout = setTimeout('sdmPlayTimeLapseFrames()', restartTime);
			   }
		   }
	}



	
	
/*======================================================================
	Duplicate code from nav.js so we can combine the onload methods
=======================================================================*/

	startList = function() {
		if (document.all&&document.getElementById) {
			navRoot = document.getElementById("nav");
			for (i=0; i<navRoot.childNodes.length; i++) {
				node = navRoot.childNodes[i];
				if (node.nodeName=="LI") {
					node.onmouseover=function() {
						this.className+=" over";
					}
					node.onmouseout=function() {
						this.className=this.className.replace(" over", "");
					}
				}
			}
		}
	}

	function openPopup( popUp,wt,ht ) {
		var str="toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,screenx=30,screeny=20,width="+wt+",height="+ht+",top=0,left=0";
		popupWin=window.open(popUp,"large_image",str);
		popupWin.focus();
	}