// redefine Cycle's updateActivePagerLink function
    $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
        $(pager).find('div').removeClass('activeLI')
            .filter('div:eq('+currSlideIndex+')').addClass('activeLI');
    };
    
    $(document).ready(function() {
        if ($('#slideshow')){
			$('#slideshow').cycle({
			timeout: 5000,
            pager:  '#nav',
			width:   305,
			height:  205,
            pagerAnchorBuilder: function(idx, slide) {
                return "<div><a href='#'><img alt='' src='" + slide.src + "' width='70' height='60' /></a></div>";
            }
        });
		}
		 $('#diaporama').cycle({
			fx:    'fade', 
			width : 300,
			height : 200,
    		speed:  1500,
			timeout: 2500
        });

    });