﻿function ModalPic(obj) {
	var link = $(obj).children('a').attr('href');
	var caption = $(obj).children('a').children('img').attr('alt');
	var scrnHeight = $(window).height();		
	var scrnWidth = $(window).width();
	var docHeight = $(document).height();
	var docWidth = $(document).width();
	var imgHeight = scrnHeight - 100;
			
	$('#blackGround').css({'height':scrnHeight,'width':scrnWidth})							
					.fadeIn(1000, function() {
						$('body').css({'overflow':'hidden'});
					})
					.append('<div class="modalLoaded"><img src="' + link + '" alt="' + caption +'" class="picLoaded" style="max-height:' + imgHeight + 'px"/><p class="caption">' + caption + '</p></div><p style=\'cursor:pointer;color:white;font-weight:bold\'>&laquo; Return to Page</p>');
					
}

$(document).ready(function() {
	$('#header').before('<div id=\'blackGround\'></div>');
		
	$('ul.thumbnails li').click(function(e){
		ModalPic($(this));
		return false;
	});
	
	$('div.imageFloatRight').click(function(e){
		ModalPic($(this));							
		return false;			
	});
	
	$('div.imageFloatLeft').click(function(e){
		ModalPic($(this));
		return false;		
	});
	
	$('#blackGround').click(function() {		
		$(this)
			.fadeOut(1000, function() {
				$(this).empty();
			});
		$('body').css({'overflow':'auto'});
	});		
});