/* 
 * Javascript permettant de gérer la galerie
 */

// Permet de lancer la galerie
function galerie_start() {

    $("#cadreMsque").fadeIn("slow",function(){
        getImg('1');
        
    });

}

// Permet de stopper la galerie
function galerie_stop() {

    $("#cadreMsque").fadeOut(100,function(){
        //alert("Animation Done.");
        });

}

// Permet de récupérer un lots de 6 images si dispo
function getImg(pageActu) {

    // Reset des images
    $('#contenu').html('');

    $.ajax({
        type: "POST",
        url: "inc/appel.objClass.php?c=galerie&m=getImg",
        data: 'page='+pageActu,
        dataType: 'json',
        success: function(reponse){
            var y = 70;
            var x = 50;
            var lesImages = '';
            // Pour dérouler les images
            $.each(reponse.images,function(key,val) {
                var id = val.id_galerie;
                lesImages += cadreImg(id, 'photo_'+id+'.jpg', val.lib_galerie, val.com_galerie, y, x);
                x += 170;
                if (key == 3) {
                    y += 170;
                    x = 100;
                }
            });

            // Pour les touches retour/avant
            var touches = '';
            if (reponse.retour != 0) {
                touches += '<font class="touche" onclick="getImg(\''+reponse.retour+'\');"><< Précédent</font>';
            }
            if (touches != '') {
                touches += ' / ';
            }
            if (reponse.avant != 0) {
                touches += '<font class="touche" onclick="getImg(\''+reponse.avant+'\');">Suivant >></font>';
            }
            $('#contenu').html(lesImages);
            $('#contenuBas').html(touches);

            // Pour les popup images
            if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
                jQuery(function($) {
                    $("a[rel^='lightbox']").picbox({/* Put custom options here */}, null, function(el) {
                        return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
                    });
                });
            }
        }
    });
}

// Permet de définir un cadre image
function cadreImg(idCadre,urlImg,texte,comm,top,left){
    var html = '';
    html += '<div class="cadreImg" style="top:'+top+'px;left:'+left+'px;">';
    //html += '<img id="cadre_'+idCadre+'" class="imgCadre" src="cadre_img.gif" />';
    html += '<a href="galerie/norm/'+urlImg+'" rel="lightbox" class="popupImg" title="'+texte+':&nbsp;&nbsp; '+comm+'">';
    html += '<img id="photo_'+idCadre+'" class="image photo'+idCadre+'" border="0" src="galerie/mini/'+urlImg+'" /><br>';
    html += '</a>';
    html += '<div id="titre_'+idCadre+'" class="texteImg texte'+idCadre+'">'+texte+'</div>';
    html += '</div>';
    return html;
}
