// JavaScript Document

function imgOverlay(src)
{
	var width = $(document).width();
	$('#mainMask').css('width', width);

	var height = $(document).height();
	$('#mainMask').css('height', height);
	
	$('#mainMask').click(function() {
		$('#mainContentEditor').fadeOut(500);
		$('#mainMask').fadeOut(500);
	});
	
	$('#mainContentEditor').html( '<img src="'+src+'" alt="" />' );
	
	$('#mainMask').fadeTo(500,0.6);
	$('#mainMask').fadeIn(500, function() {
		if($(document).height() > $('#mainContentEditor').height()) {
			$('#mainContentEditor').css('top', ( $(document).height() - $('#mainContentEditor').height() ) / 2 + $(document).scrollTop() + 'px');
		} else {
			$('#mainContentEditor').css('top', '50px');	
		}
		$('#mainContentEditor').css('left', ( $(document).width() - $('#mainContentEditor').width() ) / 2 + $(document).scrollLeft() + 'px');
		$('#mainContentEditor').fadeIn(300);
	});
}