$(document).ready(function() {
    /*********************************************    
     * Gestion du zoom pour les photos du contenu
     * prettyPhoto
     *********************************************/
    $("#texte-contenu img").each(function() {
        if($(this).parent().attr("class") != "no-resize")
        {
            $(this).attr('title','Afficher l\'image');
            var imageSrc = $(this).attr('src');
            var imageAlt = $(this).attr('alt');
            var title = "";
            if(imageAlt != "") title = imageAlt; else title = "";
            var data = "<a rel='prettyPhoto[illustrations]' href='" + imageSrc + "' title='" + title + "'>" + $(this).parent().html() + "</a>";
            $(this).parent().html(data);
        }
    });
    var prettyPhotoParams = {
            animation_speed:    'normal',
            theme:              'light_rounded',
            slideshow:          3000,
            autoplay_slideshow: false,
            deeplinking:        false,
            horizontal_padding: 30,
            social_tools:       '&nbsp;<br />&nbsp;',
            markup: '<div class="pp_pic_holder"> \
                                        <div class="ppt">&nbsp;</div> \
                                        <div class="pp_top"> \
                                                <div class="pp_left"></div> \
                                                <div class="pp_middle"></div> \
                                                <div class="pp_right"></div> \
                                        </div> \
                                        <div class="pp_content_container"> \
                                                <div class="pp_left"> \
                                                <div class="pp_right"> \
                                                        <div class="pp_content"> \
                                                                <div class="pp_loaderIcon"></div> \
                                                                <div class="pp_fade"> \
                                                                        <a href="#" class="pp_expand" title="Agrandir/Réduire l\'image">Agrandir/Réduire</a> \
                                                                        <div class="pp_hoverContainer"> \
                                                                                <a class="pp_next" href="#">suivant</a> \
                                                                                <a class="pp_previous" href="#">précédent</a> \
                                                                        </div> \
                                                                        <div id="pp_full_res"></div> \
                                                                        <div class="pp_details"> \
                                                                                <div class="pp_nav"> \
                                                                                        <a href="#" class="pp_arrow_previous">Précédent</a> \
                                                                                        <p class="currentTextHolder">0/0</p> \
                                                                                        <a href="#" class="pp_arrow_next">Suivant</a> \
                                                                                </div> \
                                                                                <p class="pp_description"></p> \
                                                                                {pp_social} \
                                                                                <a class="pp_close" href="#">Fermer</a> \
                                                                        </div> \
                                                                </div> \
                                                        </div> \
                                                </div> \
                                                </div> \
                                        </div> \
                                        <div class="pp_bottom"> \
                                                <div class="pp_left"></div> \
                                                <div class="pp_middle"></div> \
                                                <div class="pp_right"></div> \
                                        </div> \
                                </div> \
                                <div class="pp_overlay"></div>',
                gallery_markup: '<div class="pp_gallery"> \
                                                        <a href="#" class="pp_arrow_previous">Précédent</a> \
                                                        <div> \
                                                                <ul> \
                                                                        {gallery} \
                                                                </ul> \
                                                        </div> \
                                                        <a href="#" class="pp_arrow_next">Suivant</a> \
                                                </div>'
        };
    $("#texte-contenu a[rel^='prettyPhoto']").prettyPhoto(prettyPhotoParams);
});