$(document).ready(function() {		
	
	//Execute the slideShow
	$('#gallery a.gallery:first').addClass('show');	
	slideShow();
});

function slideShow() {
		
	//Set the opacity of all images to 0
	$('#gallery a').css({opacity: 0.0});
	
	//Get the first image and display it (set it to full opacity)
	$('#gallery a.gallery:first').css({opacity: 1.0});
	
	//Set the caption background to semi-transparent
	$('#gallery .caption').css({opacity: 1.0});

	//Resize the width of the caption according to the image width
	$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
	
	//Get the caption of the first image from REL attribute and display it
	$('#gallery .content').html($('#gallery a.gallery:first').find('img').attr('rel'))
	.animate({opacity: 1.0}, 400);
	
	//Set the image overlay link to the same as the first other link.
	$('#gallery a.link').attr('href', ($('#gallery a.gallery:first').attr('href')));

	//Set target blank on the image overlay link if it is external.
	$("#gallery a.link[href^='http']").attr('target','_blank');
	
	//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
	

	/**
	 * @author    Matt Ryan, De Valdez LLC <matt@devaldez.com>
	 * @date      2012-02-01 
	 * @comments  commented out to turn off slideshow functionality while is only one slide
	 **/ 
	//setInterval('gallery()', 5000);
	
}

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

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
//	var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a.gallery:first') :current.next()) : $('#gallery a.gallery:first'));	 //this was removed 2012-01-30 to temporarily make slide rotation static
	
	//Get next image caption
//	var caption = next.find('img').attr('rel');     //this was removed 2012-01-30 to temporarily make slide rotation static
	
	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
	//Set the opacity to 0 and height to 1px
	$('#gallery .caption').animate({opacity: 0.1}, 500, function() {
			$('#gallery .content').html(caption);
			$('#gallery a.link').attr('href', next.attr('href'));
			
			// Check to see if the link is external, then make the image layer open in a new window.
			// $("#gallery a.link[href^='http']").attr('target','_blank');
			// $("#gallery a.link[@href^='/']").removeAttr('target');
			
			if ($("#gallery a.link[href^='http']").length == 1) {
				$("#gallery a.link[href^='http']").attr('target', '_blank');
			} else {
				$("#gallery a.link").removeAttr('target');
			}
			

		});	
	
	//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
	$('#gallery .caption').animate({opacity: 1.1}, 500);	
	
	//Display the content	
}