var totalImages = 0;
var currentImage = 0;
var images = new Array ( 50 );

function redrawDialog()
{
	showElement ( 'dialog', true );
	setOpacity ( 'dialog', 0 );
	
	fadeElement ( 'dialog', 100, 1, -1 );
	
	centerDialog();
}

function centerDialog()
{
	var pageSize = getPageDimensions();
	var elemSize = getElementDimensions ( 'dialog' );
	
	var top = ( parseInt ( pageSize.height, 10 ) / 2 ) - ( parseInt ( elemSize.height, 10 ) / 2 ) - 50;
	var left = ( parseInt ( pageSize.width, 10 ) / 2 ) - ( parseInt ( elemSize.width, 10 ) / 2 );
	
	positionElement ( 'dialog', parseInt ( top, 10 ), parseInt ( left, 10 ) );
}

function createDialog ( title )
{
	fadeElement ( 'backgroundOverlay', 70, 1, -1 ); //show overlay (fade it in :D)
	
	setHTML ( 'dialog_title', title ); //set the title of the dialog
	
	showElement ( 'dialog', true );
	setOpacity ( 'dialog', 100 );
	
	centerDialog();
	
	setTimeout ( 'loadNewImage()', 100 );
}

function closeDialog()
{
	fadeElement ( 'backgroundOverlay', 70, 2, -1 );
	
	showElement ( 'dialog', false );
}