function showWindow(data, overflow) {
    $('<div id="overlay" style="position:absolute;top:0px;left:0px;background-color:#000000">').css({
        width: $(document).width(),
        height: $(document).height(),
        opacity: 0.8
    }).appendTo('body').click(function() {
        $(this).remove();
        $('#windowBox').remove();
    });

    $("body").append('<div id="windowBox" style="position:absolute;top:0px;left:0px;background-color:#FFFFFF"><div id="fermeWindowBox" style="text-align:right"><a href=\"#\"><img src="images/icone_fermer.png" alt="Annuler" title="Annuler"></a></div>' + data + '</div>');

    var hauteur = 500;
    var largeur = 700;

    if (overflow == false)
        $('#windowBox').css({
            width: largeur,
            height: hauteur,
            left: ($(window).width() - largeur) / 2,
            top: ($(window).height() - hauteur) / 2,
        });
    else
        $('#windowBox').css({
            width: largeur,
            height: hauteur,
            left: ($(window).width() - largeur) / 2,
            top: ($(window).height() - hauteur) / 2,
            "overflow": "scroll"
        });

    $('#fermeWindowBox').click(function() {
        $('#overlay').remove();
        $('#windowBox').remove();
    });
}

function showDiaporama(idBien)
{
    $.ajax({ type: "POST",
        url: "Diaporama.aspx",
        data: { id: idBien },
        success: function(msg) {
            showWindow(msg, false);
            $(".diaporama").diaporama({
                animationSpeed: "normal",
                delay:3,
                controls:true
            });
        }
    });
}