var displayedFrame = 0;
var alertTimerId = 0;
var timeout = 10000;
var frames = getElementsByClass('table','frame'); // for frames

var spotlightDisplayedFrame = 0;
var spotlightAlertTimerId = 0;
var spotlightTimeout = 7000;
var spotlightFrames = getElementsByClass('div','spotlightFrame'); // for frames

//var countdownTimerId = 0;

function onLoad()
{
	alertTimerId = setTimeout ( "swapContent()", timeout );
	spotlightAlertTimerId = setTimeout ( "swapSpotlightContent()", spotlightTimeout );
	//countdownTimerId = setTimeout('changeCountdown()', 1000*20);
}

function changeCountdown()
{
            $.ajaxSetup ({
            	cache: false // don't cache page
            });
           var ajax_load = "<img src='img/load.gif' alt='loading...' />";
           
            // load() functions
            var loadUrl = "countdown.asp";
			  
			var urlParams = '';
			$("#countdownDiv").load(loadUrl, urlParams, 
						function(responseText){                                                              
						}
			);
           countdownTimerId = setTimeout('changeCountdown()', 1000*20);
}

function swapFrame(frame, stopTimer)
{	
	var frames = getElementsByClass('table','frame'); // for frames
	if (frames.length > 0)
	{
		var smallImages = getElementsByClass('img','thumbnailImage'); // for smallImages
		
		for (var i = 0; i < frames.length; i++)
		{
			if (frames[i])
			{
				frames[i].style.display = 'none';
				smallImages[i].style.opacity = 0.6;
				smallImages[i].style.filter = "alpha(opacity=60)";
				
				//frames[i].style.opacity = 0.4;
				
				//opacity:0.4;filter:alpha(opacity=40)
			}
		} 
		
		frames[frame].style.display = 'block';
		smallImages[frame].style.opacity = 1.0;
		smallImages[frame].style.filter = "alpha(opacity=100)";
		
		displayedFrame = frame;
		clearTimeout(alertTimerId);
		if (stopTimer == true)
		{
		
		}
		else
		{
			alertTimerId = setTimeout ( "swapContent()", timeout );
		}
	}
}

function getElementsByClass(el, _class)
	  {
		var els = document.getElementsByTagName( ( el ) ? el : "*" );
		var returnArr = new Array( );
		
		for( var i = 0; i < els.length; i++ )
		{
			if( els[i].className == _class ) returnArr[returnArr.length] = els[i];
		} 
		return returnArr;
	  }

function swapContent()
{
	var frames = getElementsByClass('table','frame'); // for frames
	displayedFrame = displayedFrame + 1;
	if (displayedFrame == frames.length)
	{
		displayedFrame = 0;
	}
	swapFrame(displayedFrame, false);
}

function swapSpotlightFrame(frame, stopTimer)
{	
	var frames = getElementsByClass('div','spotlightFrame'); // for frames
	if (frames.length > 0)
	{
		var smallImages = getElementsByClass('img','spotlightThumbnailImage'); // for smallImages
		
		for (var i = 0; i < frames.length; i++)
		{
			if (frames[i])
			{
				frames[i].style.display = 'none';
				smallImages[i].style.opacity = 0.6;
				smallImages[i].style.filter = "alpha(opacity=60)";
				
				//frames[i].style.opacity = 0.4;
				
				//opacity:0.4;filter:alpha(opacity=40)
			}
		} 
		
		frames[frame].style.display = 'block';
		smallImages[frame].style.opacity = 1.0;
		smallImages[frame].style.filter = "alpha(opacity=100)";
		
		spotlightDisplayedFrame = frame;
		clearTimeout(spotlightAlertTimerId);
		if (stopTimer == true)
		{
		
		}
		else
		{
			spotlightAlertTimerId = setTimeout ( "swapSpotlightContent()", spotlightTimeout );
		}
	}
}

function swapSpotlightContent()
{
	var frames = getElementsByClass('div','spotlightFrame'); // for frames
	if (frames)
	{
		spotlightDisplayedFrame = spotlightDisplayedFrame + 1;
		if (spotlightDisplayedFrame == frames.length)
		{
			spotlightDisplayedFrame = 0;
		}
		swapSpotlightFrame(spotlightDisplayedFrame, false);
	}
}