// Global variables
var currLeft   = 0;
var currRight  = 0;
var leftIndex  = -1;
var rightIndex = -1;


function updateLeft() {
	
	var oldLeft = currLeft;
	currLeft    = (currLeft + 1) % 2;
	leftIndex   = (leftIndex + 1) % left_ssMedia.length;
	
	// Preload image
	$(function () {
	  
	  // wrap our new image in jQuery, then:
	  $('#left' + currLeft).load(function () {

			// Set CSS for new image holder
			$('#left' + currLeft).css('width',left_ssMedia[leftIndex]['width']);
			$('#left' + currLeft).css('height',left_ssMedia[leftIndex]['height']);
			$('#left' + currLeft).css('bottom',left_ssMedia[leftIndex]['bottom']);
			$('#left' + currLeft).css('left',left_ssMedia[leftIndex]['left']);					  			      
			
			// crossfade images
			$('#left' + oldLeft).fadeOut('slow'); 
			$('#left' + currLeft).fadeIn('slow');
			  			      					  			      
	    }).attr('src', 'system/files/displayMedia.php?file=' + left_ssMedia[leftIndex]['file'] + '&mX=310&mY=155');
	    
	});									
	
	// Set timeout for next change
	if (left_ssMedia.length > 1) window.setTimeout('updateLeft()',4000);
}

function updateRight() {
	
	var oldRight = currRight;
	currRight    = (currRight + 1) % 2;
	rightIndex   = (rightIndex + 1) % right_ssMedia.length;
	
	// Preload image
	$(function () {
	  
	  // wrap our new image in jQuery, then:
	  $('#right' + currRight).load(function () {

			// Set CSS for new image holder
			$('#right' + currRight).css('width',right_ssMedia[rightIndex]['width']);
			$('#right' + currRight).css('height',right_ssMedia[rightIndex]['height']);
			$('#right' + currRight).css('top',right_ssMedia[rightIndex]['top']);
			$('#right' + currRight).css('left',right_ssMedia[rightIndex]['left']);					  			      
			
			// crossfade images
			$('#right' + oldRight).fadeOut('slow'); 
			$('#right' + currRight).fadeIn('slow');
			  			      					  			      
	    }).attr('src', 'system/files/displayMedia.php?file=' + right_ssMedia[rightIndex]['file'] + '&mX=387&mY=290');
	    
	});									
	
	// Set timeout for next change
	if (right_ssMedia.length > 1) window.setTimeout('updateRight()',5000);
}	
