$(document).ready(function() {		

	$('div.lightbox a').lightBox();
	
	
	// Start the slideShow when images > 1
	var gallery = "gallery"; if($('#'+gallery+' a.show').length > 1) slideShow(gallery);
	var gallery = "gallery1"; if($('#'+gallery+' a.show').length > 1) slideShow(gallery);	
	var gallery = "gallery2"; if($('#'+gallery+' a.show').length > 1) slideShow(gallery);
	var gallery = "gallery3"; if($('#'+gallery+' a.show').length > 1) slideShow(gallery);
	var gallery = "gallery4"; if($('#'+gallery+' a.show').length > 1) slideShow(gallery);	
	var gallery = "gallery5"; if($('#'+gallery+' a.show').length > 1) slideShow(gallery);
	var gallery = "gallery6"; if($('#'+gallery+' a.show').length > 1) slideShow(gallery);

});

function slideShow(gallery) {
	
	// Set the opacity of all images to 0
	$('#'+gallery+' a').css({opacity: 0.0}).removeClass('show');
	
	// Get the first image and display it (set it to full opacity)
	$('#'+gallery+' a:first').css({opacity: 1.0}).addClass('show');
		
	// Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('gallery(\''+gallery+'\')', 6000);
	
}

function gallery(gallery) {
	
	// if no IMGs have the show class, grab the first image
	if($('#'+gallery+' a.show'))
		var current = $('#'+gallery+' a.show');
	else
		var current = $('#'+gallery+' a:first');

	// Get next image, if it reached the end of the slideshow, rotate it back to the first image
	if(current.next().length > 0){
		if(current.next().hasClass('caption'))	
			var next = $('#'+gallery+' a:first');
		else
			var next = current.next();
	} else {
		var next = $('#'+gallery+' a:first');
	}
		
	// Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0 }).animate({opacity: 1.0 }, 3000).addClass('show');

	// Hide the current image
	current.animate({opacity: 0.0}, 3000).removeClass('show');
	
}