$(function() {
		   $('#capucine').before('<ul id="nav">');
    $('#slideshow').cycle({
	
        fx:     'fade',
        speed:  '500',
        timeout: 5000,
        pager:  '#nav',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="40" height="40" /></a></li>';
        }
    });
	 
	$("ul#nav").hide();
	$("#slideshow").mouseover( function() { $("ul#nav").show();});
	$("#slideshow").mouseout( function() { $("ul#nav").hide();});
	$("ul#nav").mouseover( function() { $("ul#nav").show();});
	$("ul#nav").mouseout( function() { $("ul#nav").hide();});
	$("#capucine").mouseover( function() { $("ul#nav").show();});
	$("#capucine").mouseout( function() { $("ul#nav").hide();});

});
$(function() {
$('#slideshowPop').after('<ul id="navPop">').cycle({ 
    fx:     'turnDown', 
    speed:  'fade', 
    timeout: 0, 
    pager:  '#navPop', 
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '<li><a href="' + slide.src + '" rel="prettyPhoto[]"><img src="' + slide.src + '" width="100" height="75" /></a></li>';
    } 
});
$("ul#navPop").show();
$("#slideshowPop").hide();


});
$(function() {
$('#slideshowFam').after('<ul id="navFam">').cycle({ 
    fx:     'turnDown', 
    speed:  'fade', 
    timeout: 0, 
    pager:  '#navFam', 
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '<li><a href="' + slide.src + '" rel="prettyPhoto[]"><img src="' + slide.src + '" width="67" height="100" /></a></li>';
    } 
});
$("ul#navFam").show();
$("#slideshowFam").hide();


});