$(document).ready(function() {		
	//Execute the slideShow
	slideShow();
});

function slideShow() {
	if ($('#gallery').length != 0) {
		//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:first').css({opacity: 1.0});
		
		//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
		setInterval('gallery()',6000);
	}	
}

function gallery() {
	if ($('#gallery').length != 0) {	
		//if no IMGs have the show class, grab the first image
		var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a: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() : $('#gallery a:first') );	
		
		//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);
		
		//Remove class from all links
		$('#sliderNav a').removeClass('on');
		$('#sliderNav a div').removeClass('onArrow');
		
		//Show on state for the selected type
		$('#'+next.attr('linkID')).addClass('on');
		$('#'+next.attr('linkID')+' div').addClass('onArrow');
	
		//Hide the current image
		current.animate({opacity: 0.0}, 1000).removeClass('show');
	}	
}