function swapImage ()
{
	showElement ( 'dialog', false );
	document.getElementById('dialog_picture').src = images[currentImage];
	setHTML ( 'dialog_preload_text', '' );
	setTimeout ( 'redrawDialog()', 0 );
}

function swp()
{
	setTimeout ( 'swapImage()', 750 );
}

function setSpinner()
{
	fadeElement ( 'dialog', 100, 1, -1 );
	document.getElementById('dialog_picture').src = 'images/loader.gif';
	setHTML ( 'dialog_preload_text', '<br>Loading Picture' );
	setTimeout ( 'centerDialog()', 1 );
}

function loadNewImage ()
{
	setTimeout ( 'setSpinner()', 0 );
	
	setHTML ( 'dialog_picture_selector', '<a href="#" onClick="javascript:prevImage();">&lt;</a> ' + ( parseInt ( currentImage, 10 ) + 1 ) + ' of ' + ( parseInt ( totalImages, 10 ) ) + ' <a href="#" onClick="javascript:nextImage();">&gt;</a>' );
	
	var img = new Image();
	img.src = images[currentImage];
	
	img.onload = swp();
}

function nextImage()
{
	if ( parseInt ( currentImage, 10 ) < parseInt ( totalImages ) - 1 )
	{
		currentImage++;
		loadNewImage();
	}
}

function prevImage()
{
	if ( parseInt ( currentImage, 10 ) >= 1 )
	{
		currentImage--;
		loadNewImage();
	}
}

function addNewImage ( src )
{
	images[totalImages] = src;
	totalImages++;
}