//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Constants for Page View States:
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
var CURRENT_VIEW_STATE = -1;
var VIEW_STATE_SLIDESHOW_VIEW = 0;
var VIEW_STATE_PANORAMA_VIEW = 1;
var currentPanoramaImageIndex = -1;

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Constants for Page Timer:
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
var TIMER_ID = null;
TIMER_INTERVAL = 1500;

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Constants for Various DOM Element IDs:
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
var JID_FOR_DEBUG_ELEMENT = "div#debug";
var JID_FOR_SLIDE_SHOW_INTERVAL_RATE_CONTROL = "div#viewRateSlideshow";
var JID_FOR_SLIDE_SHOW_INTERVAL_DISPLAY = "span#slideShowInterval";
var DOM_ID_FOR_THICKBOX_DISPLAY_ELEMENT = "TB_window";

var JID_FOR_SLIDESHOW_TAB = "#tabSlides";
var JID_FOR_SLIDESHOW_CONTAINER = "div#slideViewer";
var JID_FOR_SLIDE_THUBNAIL_IMAGE_CONTAINER = "ul.sstnimages";
var JID_FOR_SLIDE_CAPTION_CONTAINER = "div#ssCaption";
var JID_FOR_SLIDE_SHOW_CYCLE_CONTAINER = "div#ssCycle";
var JID_FOR_SLIDE_RATE_CONTROL_CONTAINER = "div#slideshowControls";

var JID_FOR_PANO_TAB = "#tabPano";
var JID_FOR_PANO_CONTAINER = "div#panoViewer";
var JID_FOR_PANO_CONTAINER2 = "div#panoViewerContainer";
var JID_FOR_PANO_THUBNAIL_IMAGE_CONTAINER = "ul.sstnimages";
var JID_FOR_PANO_CYCLE_CONTAINER = "#panoViewer";
var JID_FOR_PANO_RATE_CONTROL_CONTAINER = "div#panoramaControls";

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Constants for Audio Control:
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
var INITIAL_HEIGHT_OF_AUDIO_CONTROL = 20;
var INITIAL_WIDTH_OF_AUDIO_CONTROL = 300;
var CAN_AUTO_PLAY = true;

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Constants for Panorama Image Viewer:
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
var PANORAMA_FRAME_RATE_FACTOR = 0.010;
var MIN_PANORAMA_PAN_RATE = 1;
var MAX_PANORAMA_PAN_RATE = 20;
var PANORAMA_PAN_RATE_STEPPING = 1;        
var INITIAL_PANORAMA_PAN_RATE = 10; 
var CURRENT_PANORAMA_PAN_RATE = 10;

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Constants for Slideshow Image Viewer:
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
var SLIDESHOW_TRANSITION_RATE_FACTOR = 4;
var MIN_SLIDESHOW_TRANSITION_RATE = 2000;
var MAX_SLIDESHOW_TRANSITION_RATE = 10000;
var SLIDESHOW_TRANSITION_RATE_STEPPING = 500;
var INITIAL_SLIDESHOW_TRANSITION_RATE = 5000;
var CURRENT_SLIDESHOW_TRANSITION_RATE = 5000;

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// BEGIN:  Define the slide show image transition effects:
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\	
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// END:  Define the slide show image transition effects:
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\	

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Function Name:  $(document).ready
// Purpose:  Binds a function to be executed whenever the DOM is ready
//           to be traversed and manipulated.
// Parameters:  function -- The function to be executed when the DOM is ready.
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
$(document).ready(function() 
{
	$('a.media').media({
		width: INITIAL_WIDTH_OF_AUDIO_CONTROL,
		height: INITIAL_HEIGHT_OF_AUDIO_CONTROL,
		autoplay: CAN_AUTO_PLAY,
		type: 'swf'
	});

	// Initialize the navigation tabs.
	$("#tabContainer > ul").tabs(
	{
		fx: {
			opacity: 'toggle'
		},
		show: function(ui) {
			onTabShow(ui);
		}
	});
	
	// Initialize the panorama viewer rate slider control.
	$("#viewRatePanorama").slider({
		stepping:PANORAMA_PAN_RATE_STEPPING,
		min:MIN_PANORAMA_PAN_RATE,
		max:MAX_PANORAMA_PAN_RATE,
		startValue:INITIAL_PANORAMA_PAN_RATE,
		change:function(e, ui){alterViewerDisplayRate(ui.value);}
	});						
					
	// Initialize the slide show viewer rate slider control.
	$("#viewRateSlideshow").slider({
		stepping:SLIDESHOW_TRANSITION_RATE_STEPPING,
		min:MIN_SLIDESHOW_TRANSITION_RATE,
		max:MAX_SLIDESHOW_TRANSITION_RATE,
		startValue:CURRENT_SLIDESHOW_TRANSITION_RATE,
		change:function(e, ui){alterViewerDisplayRate(ui.value);}
	});		
	
    // Initialize the radio button control groups.
    $("input[@name='panoDirection']").click(function(){alterViewerDisplayRate(CURRENT_PANORAMA_PAN_RATE)});
    $("input[@name='isSlideShowEnabled']").click(function(){alterViewerDisplayRate(CURRENT_SLIDESHOW_TRANSITION_RATE);});	
	
	// Append the ramaining slide show image elements to the image element container.
	if ((SLIDE_SHOW_ELEMENT_DEFS != null) && (SLIDE_SHOW_ELEMENT_DEFS.length > 0))
	{
		$(JID_FOR_SLIDE_SHOW_CYCLE_CONTAINER).append(SLIDE_SHOW_ELEMENT_DEFS);
	}
	
	// Append the ramaining thumbnail slide show image elements to the image element container.
	if ((SLIDE_SHOW_THUMBNAIL_ELEMENT_DEFS != null) && (SLIDE_SHOW_THUMBNAIL_ELEMENT_DEFS.length > 0))
	{
		$(JID_FOR_SLIDE_THUBNAIL_IMAGE_CONTAINER).append(SLIDE_SHOW_THUMBNAIL_ELEMENT_DEFS);	
	}
	
	$("a[href='#tabPano'], a[href='#tabSlides']").click(function() {onTabShow($(this).attr("href"));});

	// Initialize the slide show transition rate.
	CURRENT_SLIDESHOW_TRANSITION_RATE = INITIAL_SLIDESHOW_TRANSITION_RATE;
	
	// Start in slideshow view mode.
	toggleView(VIEW_STATE_SLIDESHOW_VIEW, null);
	
	// Reinitialize any thickbox-enabled elements.
	tb_init("a.thickbox, area.thickbox, input.thickbox");
	
	// Poll at regular timer intervals.
	TIMER_ID = window.setInterval(onTimerPoll, TIMER_INTERVAL);
});

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Function Name:  onExceptionThrown
// Purpose:  Provides a common exception handling function.  The exception
//			 data are displayed in a debuggine element if the element exists.
// Parameters:  e -- The exception that was thrown
//			    otherData -- Other custom data to display
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
function onExceptionThrown(e, otherData)
{
	try
	{
		// If the debug element exists, update the debug element contents.
		if ($(JID_FOR_DEBUG_ELEMENT) != null)
		{
			$(JID_FOR_DEBUG_ELEMENT).html("Exception:\n" + e + "\nOther Data:\n" + otherData);	
		}
	}
	catch (e)
	{}
}

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Function Name:  onTimerPoll
// Purpose:  Provides a function to act as a callback for a specified
// 			 timer interval.
// Parameters: None
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
function onTimerPoll()
{
	try
	{
		switch (CURRENT_VIEW_STATE)
		{
			case (VIEW_STATE_PANORAMA_VIEW):
				{
					// Pause the cycle.
					$(JID_FOR_SLIDE_SHOW_CYCLE_CONTAINER).cycle("pause");
					
					break;	
				}
			case(VIEW_STATE_SLIDESHOW_VIEW):
			default:
				{		
					// Is the Thickbox display element present?
					if (document.getElementById(DOM_ID_FOR_THICKBOX_DISPLAY_ELEMENT) != null)
					{
						// Pause the cycle.
						$(JID_FOR_SLIDE_SHOW_CYCLE_CONTAINER).cycle("pause");
					}
					else
					{	
						// Resume the cycle.
						$(JID_FOR_SLIDE_SHOW_CYCLE_CONTAINER).cycle("resume");
					}
					
					break;
				}
		}
	}
	catch (e)
	{
		onExceptionThrown(e, "Exception in onTimerPoll()");
	}
}

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Function Name:  onBeforeTabShown
// Purpose:  Provides a function to act as a callback before a slide is cycled.
// Parameters: None
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
function onBeforeTabShown()
{
	try
	{
		if ((this.title != null) && ($(JID_FOR_SLIDE_CAPTION_CONTAINER) != null))
		{
			// Update the slide caption using the anchor builder's title attribute.
			$(JID_FOR_SLIDE_CAPTION_CONTAINER).html(this.title);
		}
	}
	catch (e)
	{
		onExceptionThrown(e, "Exception in onBeforeTabShown()");
	}
}

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Function Name:  createSlideShowCycle
// Purpose:  Creates a cycle for the slide show image container element.
// Parameters:  timeout -- The specified timeout value between slides
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
function createSlideShowCycle(timeout)
{
	try
	{
		$(JID_FOR_SLIDE_SHOW_CYCLE_CONTAINER).cycle({
			fx: "fade",
			speed: "fast",
			timeout: timeout,
			before: onBeforeTabShown,
			pager: JID_FOR_SLIDE_THUBNAIL_IMAGE_CONTAINER,
			pagerAnchorBuilder: function(index, slide)
			{
				// Use the first anchor for the <li> element specified by the current index.
				return JID_FOR_SLIDE_THUBNAIL_IMAGE_CONTAINER + " li:eq(" + index + ") a";
			}
		});
	}
	catch (e)
	{
		onExceptionThrown(e, "Exception in createSlideShow(timeout) with timeout = '" + timeout + "'");
	}
}

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Function Name:  onTabShow
// Purpose:  Acts as the event handler for the tab navigation control
//		   when the show event is raised.
// Parameters:  tabLink -- The tab that is activated.
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
function onTabShow(tabLink) 
{
	try
	{	
		// Create a text version of the tabLink.
		var tabLinkText = tabLink + "";
	
		// Change the current view depending on the tab that was clicked.
		if (tabLinkText.indexOf(JID_FOR_SLIDESHOW_TAB) != -1)
		{
			toggleView(VIEW_STATE_SLIDESHOW_VIEW, 0);
		}
		else if (tabLinkText.indexOf(JID_FOR_PANO_TAB) != -1)
		{
			toggleView(VIEW_STATE_PANORAMA_VIEW, 0);
		}
		
	}
	catch (e)
	{
		onExceptionThrown(e, "Exception in onTabShow(tabLink) with tabLink = '" + tabLink + "'");
	}	
}

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Function Name:  alterViewerDisplayRate
// Purpose:  Alters the display rate for the viewer controls.  This may
//           be one of the following rates based on the current view:
//           VIEW_STATE_PANORAMA_VIEW -- Panorama Viewer Pan Rate
//           VIEW_STATE_SLIDESHOW_VIEW -- Slide Viewer Transition Rate
// Parameters:  newRate -- The new rate of display
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
function alterViewerDisplayRate(newRate)
{
	try
	{
		switch (CURRENT_VIEW_STATE)
		{
			case (VIEW_STATE_PANORAMA_VIEW):
				{
					CURRENT_PANORAMA_PAN_RATE = newRate;

					var frameRate = (newRate * PANORAMA_FRAME_RATE_FACTOR);

                    var panDirection = $("input[@name='panoDirection']:checked").val();

                    $("span#panRate").html(CURRENT_PANORAMA_PAN_RATE);
							
					// startAutoPan( pan_inc,  tilt_inc, zoom ) initiate autopanning. Each successive view's panangle is incremented 
					// by pan_inc, its tiltangle is incremented by tilt_inc, and its field of view is multiplied by zoom.
                    document.panoViewer.startAutoPan((frameRate * panDirection), 0.0, 1.0);
								 
					break;
				}
			case(VIEW_STATE_SLIDESHOW_VIEW):
			default:
				{
					// Convert the new rate to an integer.
					CURRENT_SLIDESHOW_TRANSITION_RATE = parseInt(newRate);
		
					// Convert from millisecond to seconds by dividing by 1000.
					$(JID_FOR_SLIDE_SHOW_INTERVAL_DISPLAY).html(CURRENT_SLIDESHOW_TRANSITION_RATE / 1000);
		
					// If the slideshow feature is enabled, set the new interval.
					if (($("input[@name='isSlideShowEnabled']:checked").val() == "1"))
					{
						// Start the slide show cycle.
						createSlideShowCycle(CURRENT_SLIDESHOW_TRANSITION_RATE);
					}
					else
					{
						// Stop the slide show cycle by specifying a zero timeout value.
						createSlideShowCycle(0);		
					}
					
		
					break;
				}
		}
	}
	catch (e)
	{
		onExceptionThrown(e, "Exception in alterViewerDisplayRate(newRate) with newRate = '" + newRate + "'");
	}		
}

//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Function Name:  toggleView
// Purpose:  Handles the transition between display states.
// Parameters:  
//             viewState -- The new view to prepare
//             initialData -- Initialization data for the view
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\            
function toggleView(viewState, initialData)
{
	try
	{	
		CURRENT_VIEW_STATE = viewState;
	
		switch (viewState)
		{
			case (VIEW_STATE_PANORAMA_VIEW):
				{
					// Hide the slideshow viewer.
					$(JID_FOR_SLIDESHOW_CONTAINER).hide();
					
					// Show the pano viewer.
					$(JID_FOR_PANO_CONTAINER).show();
					$(JID_FOR_PANO_CONTAINER2).show();	
					
					// Hide the slideshow rate control container.
					$(JID_FOR_SLIDE_RATE_CONTROL_CONTAINER).hide();
		
					// Show the panorama rate control container.
					$(JID_FOR_PANO_RATE_CONTROL_CONTAINER).show();
					
					// Store the revised image index.
                    currentPanoramaImageIndex = initialData;
										
					// Load the requested file in the panorama viewer.
					document.panoViewer.newPanoFromList(currentPanoramaImageIndex);
					
					alterViewerDisplayRate(CURRENT_PANORAMA_PAN_RATE);
					
					break;
				}
			case(VIEW_STATE_SLIDESHOW_VIEW):
			default:
				{
					// Hide the pano viewer.
					$(JID_FOR_PANO_CONTAINER).hide();	
					$(JID_FOR_PANO_CONTAINER2).hide();				
					
					// Initialize the radio button control groups.
					$("input[@name='isSlideShowEnabled']").click(function() {
						alterViewerDisplayRate(CURRENT_SLIDESHOW_TRANSITION_RATE);
					});							
					
					// Show the slideshow viewer.
					$(JID_FOR_SLIDESHOW_CONTAINER).show();
		
					// Show the slideshow rate control container.
					$(JID_FOR_SLIDE_RATE_CONTROL_CONTAINER).show();
		
					// Hide the panorama rate control container.
					$(JID_FOR_PANO_RATE_CONTROL_CONTAINER).hide();
							
					// Synchronize the viewer display rate.
					alterViewerDisplayRate(CURRENT_SLIDESHOW_TRANSITION_RATE);
		
					break;
				}
		}
	}
	catch (e)
	{
		onExceptionThrown(e, "Exception in toggleView(viewState, initialData) with viewState = '" + viewState + "', initialData = '" + initialData + "'");
	}		
}