enableSlideShow = true; var captionTitle = ""; var captionDescription = ""; var slideShowTimer; function slideShow(speed) { $('ul.slideshow').append('<li id="slideshow-caption" class="caption">'+ '<div class="slideshow-caption-container">'+ '<table cellspacing="0" cellpadding="0" border="0" width="100%"><tr>'+ '<td><span class="caption-title "></span>&nbsp;|&nbsp;'+ '<span class="caption-description"></span>&nbsp;&nbsp;</td>'+ '<td align="right" width="100"><span id="slideshow-controls"></span></td></tr></table>'+ '</div></li>'); $('ul.slideshow li').css({opacity: 0.0}); $('ul.slideshow li:first').css({opacity: 1.0}); $('#slideshow-caption').css({opacity: 0.7, bottom:0}); captionTitle = $('ul.slideshow a:first').find('img').attr('title'); captionDescription = $('ul.slideshow a:first').find('img').attr('alt'); $('ul.slideshow').hover( function () { clearInterval(slideShowTimer);}, function () { slideShowTimer = setInterval('gallery()',speed);} ); var firstanchor = $('ul.slideshow li:first').find('a').attr('href'); $('#slideshow-caption a').attr('href', firstanchor); var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('ul.slideshow li:first')); var slides = 0; var next = null; var last = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:last') :current.next()) : $('ul.slideshow li:last')); while(current!=null){ slides++; next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow').find('li') :current.next()) : $('ul.slideshow').find('li')); if(next.next().length>last.next().length) break; current = next; if(slides==10) break;}
if(slides>1){ var controls = ""; for(var j=1; j<=slides; j++){ if(j==1) controls += "<a href=\"#\" onclick=\"goToSlide("+j+","+speed+")\" id=\"slideButton"+j+"\" class=\"active\">"+j+"</a>"; else controls += "<a href=\"#\" onclick=\"goToSlide("+j+","+speed+")\" id=\"slideButton"+j+"\">"+j+"</a>";}
$('#slideshow-controls').html(controls);}
slideShowTimer = setInterval('gallery()',speed); showCaption();}
function gallery() { var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('ul.slideshow li:first')); var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first')); var title = next.find('img').attr('title'); var desc = next.find('img').attr('alt'); next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000); hideCaption(); captionTitle = title; captionDescription = desc; showCaption(); current.animate({opacity: 0.0}, 1000).removeClass('show'); var currentSlide = current.attr('id'); var newSlide = next.attr('id'); $('#slideshow-controls #'+currentSlide.replace('slide','slideButton')).removeClass('active'); $('#slideshow-controls #'+newSlide.replace('slide','slideButton')).addClass('active');}
function goToSlide(slide, speed){ var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('ul.slideshow li:first')); var next = $('ul.slideshow li#slide'+slide); var title = next.find('img').attr('title'); var desc = next.find('img').attr('alt'); next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000); hideCaption(); captionTitle = title; captionDescription = desc; showCaption(); var currentSlide = current.attr('id'); var newSlide = next.attr('id'); $('#slideshow-controls #'+currentSlide.replace('slide','slideButton')).removeClass('active'); $('#slideshow-controls #'+newSlide.replace('slide','slideButton')).addClass('active'); current.animate({opacity: 0.0}, 1000).removeClass('show');}
function hideCaption(){ $('#slideshow-caption').animate({bottom:-55}, 100);}
function showCaption(){ $('#slideshow-caption span.caption-title').html(captionTitle); $('#slideshow-caption span.caption-description').html(captionDescription); $('#slideshow-caption').animate({bottom:0}, 500);}