level3id = timeOut = 0, displayTime = (displayTime*1000), paused = 0, clickable = 1, firstRun = 1;
$(document).ready(function() {
	level3id = rd_images.length; //level3id is set to end so forward() will set it to 0
$('#gallery').append('<div id="loadingScreen" style="position: absolute; top: 0px; left: 0px; background: #fff; width: 100%; height: 100%; text-align: center; z-index: 100;"><img style="display: block; padding-top: 120px; margin: 0 auto; position: relative;" src="images/loadImage.gif">as</div>');
	for(var x = 0; x < rd_images.length; x++){
		var img=new Image();
		img.src=(typeof rd_images[x]=='object')? rd_images[x][0]:rd_images[x],img.id=x,$(img).css('z-index','1');
		if(typeof rd_images[x]=='object') $(img).css('cursor','pointer').click(function(){location = rd_images[this.id][1];});
		if( x == 0 ){if(img.complete){$('#loadingScreen').fadeOut('slow',function(){$(this).remove();timeOut=setTimeout(forward,displayTime);}) }img.onload = function() {$('#loadingScreen').fadeOut('slow',function(){$(this).remove();timeOut=setTimeout(forward,displayTime);}) };$(img).css('z-index','3');}
		document.getElementById('gallery').appendChild(img);
	}
	if( userControls == 1 ) {
	var css = "z-index: 4; cursor: pointer; position: relative; margin-right: 3px; opacity: .5; filter: alpha(opacity=50);";
	$('#gallery').append('<div id="controlPanel" style="z-index: 4; position: absolute; bottom: -35px; right: 10px; width: 235px; height: 30px;"><img id="back" style="'+css+'" src="images/back.png"><img id="pause" style="'+css+'" src="images/pause.png"><img id="forward" style="'+css+'" src="images/forward.png"></div>');
	//$('#gallery').append('<div style="z-index: 4; position: absolute; top: 50px; left: 10px; width: 102px; height: 4px; background: #fff; opacity: .5; filter: alpha(opacity=50);"><div id="statusBar" style="background: blue; height: 2px; width: 0px; margin: 1px;"></div></div>');
	$('#pause').hover(function(){$(this).css('opacity', '1');},function(){$(this).css('opacity', '.5');$(this).css('filter','alpha(opacity=50)');}).click(function() {pause();});
	$('#back').hover(function(){$(this).css('opacity', '1');}, function() {$(this).css('opacity', '.5');$(this).css('filter','alpha(opacity=50)');}).click(function() {back();});
	$('#forward').hover(function(){$(this).css('opacity', '1');}, function() {$(this).css('opacity', '.5');$(this).css('filter','alpha(opacity=50)');}).click(function() {forward();});
	}
});
function forward() {
	if( clickable ) {
		clickable = 0;
		clearTimeout(timeOut);
		paused = 0;
		var ol = level3id;
		if( level3id == (rd_images.length) )
			level3id = 0;
		//var next = ( level3id == rd_images.length-1 )? 0:level3id+1;
		if( document.getElementById(level3id).complete || level3id == 0 ) {
			if( firstRun )
				$('#controlPanel').animate({bottom: '10px'}, 800);
			setStack(level3id);
			$('#'+level3id).fadeOut('slow',function(){$(this).css('z-index','1').css('display','block');clickable = 1;timeOut=setTimeout(forward,displayTime);});
			level3id++, firstRun = 0;
		}
		else {
			level3id = ol;
			setTimeout(forward, 1000);
		}
	}
}
function pause() {
	if( clickable ) {
		clickable = 0;
		clearTimeout(timeOut);
		if( paused == 0 ) {
			$('#pause').attr('src','images/play.png');
			paused = 1;
		}
		else {
			$('#pause').attr('src','images/pause.png');
			timeOut = setTimeout(forward,100);
			paused = 0;	
		}
		clickable = 1;
	}
}
function back() {
	clearTimeout(timeOut);
	$('#'+level3id).css('z-index','1');
	$('#'+(level3id-1)).css('z-index','3');
	level3id = (level3id==0)? rd_images.length-1:level3id-1;
	timeOut = setTimeout(forward,displayTime);
}
function setStack( id ) { 
	$('#'+id).css('z-index','3'); //You want 'id' to be at the top of the stack (level3)
	if( id == (rd_images.length-1) ) $('#0').css('z-index','2');
	else $('#'+(id+1)).css('z-index','2');
}