// JavaScript Document

$(document).ready(function(){
	$('div.gallery > a').click(function(event){
		event.preventDefault();
		var imgHref = ($(this).attr("href"));
		$('body').prepend('<div class="CL_quickgallery-overlay"></div>');
		$('.CL_quickgallery-overlay').hide().fadeTo('slow','0.9', function(){
			
			$('body').prepend('<div class="CL_quickgallery-imagecontainer"></div>');
			$('.CL_quickgallery-imagecontainer').append('<div class="CL_quickgallery-loading"></div>');
			$('.CL_quickgallery-loading').hide().fadeIn('slow', function(){
				image = new Image();
				$(image).load(function (){
					imgObject = this;
					$('.CL_quickgallery-loading').fadeOut('slow',function(){
						$('.CL_quickgallery-imagecontainer').append('<div class="CL_quickgallery-real"></div>');
						$('.CL_quickgallery-real').hide().append(imgObject);
						halfHeight = ($('.CL_quickgallery-real').outerHeight()) / 2;
						$('.CL_quickgallery-real').css('marginTop','-'+halfHeight+'px').fadeIn('fast');
						$(imgObject).click(function(){
							$('.CL_quickgallery-imagecontainer').fadeOut('slow', function(){
								$('.CL_quickgallery-imagecontainer').detach();
								$('.CL_quickgallery-overlay').fadeOut('slow', function(){
									$('.CL_quickgallery-overlay').detach();
								});
							});
						});
					});
				}).error(function (){
				}).attr('src', imgHref);
		
			});
			
		});
			
	});
});