$(document).ready(function() {
    setListenerMediaGallery1();
});

var bEnableNext = true;
var nNumImageGallery = 0;
var nCurrentImageGallery = 1;

function setListenerMediaGallery1() {
    nNumImageGallery = $('.imgImageGallery').length;
    
    if (nNumImageGallery > 0) {
        $('.prev').bind('click', function() {
            if (nCurrentImageGallery > 1) {
                bEnableNext = false;
                showPrevImageGallery1();
            }
        });

        $('.next').bind('click', function() {
            if (nCurrentImageGallery < nNumImageGallery) {
                bEnableNext = false;
                showNextImageGallery1();
            }
        });

        //
        $('#imgImageGallery' + nCurrentImageGallery).css({ 'display': 'block' });
        $('#legendImageGallery' + nCurrentImageGallery).css({ 'display': 'block' });
        //
        setPagerImageGallery1();
    } else {
        $('.prev').css({ 'display': 'none' });
        $('.next').css({ 'display': 'none' });
    }

}


function showNextImageGallery1() {
    $('#legendImageGallery' + nCurrentImageGallery).css({ 'display': 'none' });
    $('#imgImageGallery' + nCurrentImageGallery).fadeOut(200, function() {
        nCurrentImageGallery++;
        $('#legendImageGallery' + nCurrentImageGallery).css({ 'display': 'block' });
        $('#imgImageGallery' + nCurrentImageGallery).fadeIn(200, function() {
            setPagerImageGallery1();
            bEnableNext = true;
        });
    });
}

function showPrevImageGallery1() {
    $('#legendImageGallery' + nCurrentImageGallery).css({ 'display': 'none' });
    $('#imgImageGallery' + nCurrentImageGallery).fadeOut(200, function() {
        nCurrentImageGallery--
        $('#legendImageGallery' + nCurrentImageGallery).css({ 'display': 'block' });
        $('#imgImageGallery' + nCurrentImageGallery).fadeIn(200, function() {
            setPagerImageGallery1();
            bEnableNext = true;
        });
    });
}

function setPagerImageGallery1() {
    if (nCurrentImageGallery > 1)
        $('.prev').css({ 'display': 'block' });
    else
        $('.prev').css({ 'display': 'none' });

    if (nCurrentImageGallery < nNumImageGallery)
        $('.next').css({ 'display': 'block' });
    else
        $('.next').css({ 'display': 'none' });

}