jQuery.noConflict();
jQuery(document).ready(function(){
    //*********
    //Scrollable horizontal
    //*********
    jQuery('.diaporamaNext').click(function(){
        return false;
    });
    jQuery('.diaporamaPrev').click(function(){
        return false;
    });
    jQuery(".diaporamaScrollable").scrollable({
        vertical:false,
        size: 1,
        clickable: false,
        keyboard: true,
        nextPage: ".diaporamaNext",
        prevPage: ".diaporamaPrev"
    });
    //Chargement image en overlay au click
    jQuery("body").append('<div class="simple_overlay" id="gallery">\n\
<a class="prev">Préc.</a>\n\
<a class="next">Suiv.</a>\n\
<div class="info"></div>\n\
<img class="progress" src="../../content/load.gif" />\n\
</div>');

    //Chargement overlay
    jQuery(".diaporamaScrollable ul li a").overlay({
        target: '#gallery',
        expose: '#333'
    }).gallery({
        speed: 800,
        autohide: false,
        opacity: 1,
        template:'<strong>${title}</strong>'
    });
});