$ = jQuery;
var currentImage;
$(document).ready(function() {
	$('#thumbnailList .selected a').append("<span></span>");
	$('#thumbnailList a').each(function(i){
		$(this).attr("rel", $(this).attr('href'));
		$(this).removeAttr('href');
		$(this).click(function() {
			$('#thumbnailList .selected span').remove();
			$('#thumbnailList .selected').removeClass('selected');
			$(this).parent().addClass('selected');
			if ($(this).children('span').length == 0) {
				$(this).append("<span></span>");
			}
			currentImage = $(this).attr('rel');
			$('#fullsizeImageContainer').addClass('loadingImage');
			$('#fullsizeImageContainer img').fadeOut('fast', function() {
				$('#fullsizeImageContainer').html("<img id=\"mainImg\" src='"+currentImage+"'/>");
				$('#fullsizeImageContainer img').hide();
				$('#fullsizeImageContainer img').fadeIn('normal', function() {
					$('#fullsizeImageContainer').removeClass('loadingImage');
				});	
			});
		});
	});
	
	$('#galleryNextImage').click( function() {
		if ($('#thumbnailList .selected + li').length == 0) {
			$('#thumbnailList li:first').children('a').each( function() {
				$(this).trigger('click');
			});
		} else {
			$('#thumbnailList .selected + li').each(function(i){
				$(this).children('a').each( function() {
					$(this).trigger('click');
				});
			});
		}
		return false;
	});
	
	$('#galleryPrevImage').click( function() {
		if( !$('#thumbnailList li:first').hasClass('selected') ) {
			curr = $('#thumbnailList .selected').prev();
			curr.children('a').each( function() {
				$(this).trigger('click');
			});
		} else {
			$('#thumbnailList li:last').children('a').each( function() {
				$(this).trigger('click');
			});
		}
		return false;
	});
});