function imageChange(imageSetID) {
    var $active = $('div.content div.active');

    var $next = $('div.content div#imageSet' + imageSetID);

	if ($active.attr('id') != 'imageSet' + imageSetID) {
		$active.find('img').animate({opacity: 0.0}, 300, 
				function () {
					$active.css('display','none')
						.removeClass('active');
					
					$next.find('img').css({opacity: 0.0});
							
					$next.css('display','block')
						.addClass('active');
				
					$next.find('img').animate({opacity: 1.0}, 300);
				});
	}
}
	
function thumbsChange(tmargin) {
    $("ul.thumbs").animate({opacity: 0.0}, 300, function () {
		$(this).css('margin-top', tmargin)
			.animate({opacity: 1.0}, 300);
	});
}

function hideNav(tmargin){
	if (tmargin == 0) {
		$("a#galprev").css('display','none');
	} else {
		$("a#galprev").css('display','inline');
	}
		
	var extratli = $("ul.thumbs li.thumbRow").length - 1;
		
	var totaltmargin = 222 * extratli;
		
	if (tmargin == -totaltmargin) {
		$("a#galnext").css('display','none');
	} else {
		$("a#galnext").css('display','inline');
	}
};

function playSlideShow(){
	var currentImage = $('div.content div.active').attr('id');
	
	var nextImage = parseInt(currentImage.replace('imageSet', ''), 10) + 1;
	
	var totalImages = $("ul.thumbs li").length;
	
	if (nextImage > totalImages) {
		nextImage = 1;
	}
	
	imageChange(nextImage);
};


$(document).ready(function(){
						   
	$("div.content div.slideshow:first").addClass('active');

	$("ul.thumbs a").click(function(){
		
		var imageID = $(this).attr('href');

		imageChange(imageID);
		
		return false;
	});	
	
	var tmargin = 0;
	
	$("a#galnext").click(function(){	
		tmargin = tmargin - 222;
		
		thumbsChange(tmargin);
		
		hideNav(tmargin);
		
		return false;	
	});
	
	$("a#galprev").click(function(){
		tmargin = tmargin + 222;
		
		thumbsChange(tmargin);
		
		hideNav(tmargin);
		
		return false;
	});
	
	$("a.playSlideshow").click(function(){										
		slideshow = setInterval( "playSlideShow()", 3500 );
		
		$(this).css('display','none');
		
		$("a.stopSlideshow").css('display','inline');
		
		return false;
	});
	
	$("a.stopSlideshow").click(function(){										
		clearInterval(slideshow);
		
		$(this).css('display','none');
		
		$("a.playSlideshow").css('display','inline');
		
		return false;
	});
	
});