var photoDescContainerCSS = {
	'display'		:	'none',
	'position'		:	'absolute',
	'left'			:	'0px',
	'bottom'		:	'0px',
	'width'			:	'100%',
	'margin'		:	'0px',
	'padding'		:	'0px',
	'line-height'	:	'30px',
	'opacity'		:	'0.85',
	'background'	:	'#ddd'
}

$(function() {
    $('#divPhotoThumbs a').click(function() {
		var imageSource = $(this).attr('href');
		var imageText = $(this).find('img').attr('title');
		$('#divPhotoLarge').addClass('loading');
		showImage(imageSource,imageText);
		return false;
	});
});

function showImage(src,text) {
	$('#imgPrevious').remove();
	$('#imgNext').remove();
	$('#divPhotoLarge img').fadeOut('normal').remove();
	$('#photoDesc').remove();
	var largeImage = new Image();
	$(largeImage).load(function() {
		$(this).hide();
		$('#divPhotoLarge').append(this).removeClass('loading');
		$(this).fadeIn('slow');
		
		if (text != '') {
			$('#divPhotoLarge').append('<p id="photoDesc">' + text + '</p>');
			$('#photoDesc').css(photoDescContainerCSS).fadeIn()
		}
	});
	$(largeImage).attr('src', src);
}

$(document).ready(function() {
	showImage($('#divPhotoThumbs a:first').attr('href'),$('#divPhotoThumbs a:first').find('img').attr('title'));
	
	$('#divPhotoThumbs a img').hover(function() {
		$(this).css('opacity','0.85');
	}, function() {
		$(this).css('opacity','1.0');
	});
	
});