$(document).ready(function()
{
	// Create image viewer + loading
	$('<div id="simple-image-viewer"></div>').appendTo('body').hide();
	$('<div id="simple-image-viewer-loading">Loading...</div>').appendTo('body').hide();

	// Close it on-click
	$('#simple-image-viewer').click(function()
	{
		$(this).fadeOut(300);
	});
});

function SimpleImageViewer()
{
	$('a.pop-up').click(function()
	{
		// Get information
		var imgTitle = ($(this).attr('title') == undefined) ? '' : '<h2>' +$(this).attr('title') +'</h2>';
		var imgSrc = ($(this).attr('href') == undefined) ? '' : '<p><img src="' +$(this).attr('href') +'" alt="" /></p>';
		var imgDesc = ($(this).find('img').attr('alt') == undefined) ? '' : '<p>' +$(this).find('img').attr('alt') +'</p>';

		// Preload image
		var preload = new Image();
		preload.src = $(this).attr('href');
		if(preload.complete)
		{
			$('#simple-image-viewer').html(imgTitle +imgSrc +imgDesc).fadeIn(300).center();
		}
		else
		{
			$('#simple-image-viewer-loading').fadeIn(300).center();

			preload.onload = function()
			{
				$('#simple-image-viewer-loading').fadeOut(300);

				$('#simple-image-viewer').html(imgTitle +imgSrc +imgDesc).fadeIn(300).center();
			}
		}
		
		return false;
	});
}