//Slideshow sec = http://www.queness.com/post/1450/jquery-photo-slide-show-with-slick-caption-tutorial-revisited


		$(document).ready(function() {		
	
			//Execute the slideShow, set 4 seconds for each images
//			slideShow(4000);

		});

		function slideShow(speed) {

			//append a LI item to the UL list for displaying caption
			$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h1></h1></div></li>');

			//Set the opacity of all images to 0
			$('ul.slideshow li').css({opacity: 0.0});
	
			//Get the first image and display it (set it to full opacity)
			$('ul.slideshow li:first').css({opacity: 1.0});
	
			//Get the caption of the first image from REL attribute and display it
			//$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
			$('#slideshow-caption h1').html($('ul.slideshow a:first').find('img').attr('alt'));
		
			//Display the caption
			$('#slideshow-caption').css({opacity: 0.85, bottom:0});
	
			//Call the gallery function to run the slideshow	
			var timer = setInterval('gallery()',speed);
	
			//pause the slideshow on mouse over
			$('ul.slideshow').hover(
				function () {
					clearInterval(timer);	
				}, 	
				function () {
					timer = setInterval('gallery()',speed);			
				}
			);
	
		}

		function slideShow2(speed) {


			//append a LI item to the UL list for displaying caption
			$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h1></h1></div></li>');

			//Set the opacity of all images to 0
			$('ul.slideshow li').css({opacity: 0.0});
	
			//Get the first image and display it (set it to full opacity)
			$('ul.slideshow li:first').css({opacity: 1.0});
	
			//Get the caption of the first image from REL attribute and display it
			//$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
			$('#slideshow-caption h1').html($('ul.slideshow a:first').find('img').attr('alt'));
		
			//Display the caption
			$('#slideshow-caption').css({opacity: 0.85, bottom:0});
		}

		function gallery() {


			//if no IMGs have the show class, grab the first image
			var current = ($('ul.slideshow li.show')?  $('ul.slideshow li.show') : $('#ul.slideshow li: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().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
		
			//Get next image caption
			var desc = next.find('img').attr('alt');

			//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);
	
			//Checks if IE 8.x
			if ($.browser.msie && jQuery.browser.version.substr(0,1)=="8") {
				$('#slideshow-caption').animate({ bottom: -60 }, 300);				
				$('#slideshow-caption h1').html(desc);	 				
				$('#slideshow-caption').animate({bottom:0}, 750);
			} else {
				//Hide the caption first, and then set and display the caption
				$('#slideshow-caption').animate({bottom:-60}, 500, function () {
					//Display the content
					$('#slideshow-caption').animate({ bottom: -60 }, 300);				
					$('#slideshow-caption h1').html(desc);	 				
					$('#slideshow-caption').animate({bottom:0}, 750);										
				});
			}

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

		}