﻿// Posizione il preloader, ridimensiona e mostra l'oscuratore, controlla l'esistenza di immagini di classe "immagine" per cui attendere il caricamento, poi mostra il lightBox
function openLightBox(htmlFile) {
    $('#oscuratore').css("background-position", ($(window).width() / 2 - 16) + "px " + ($(window).height() / 2 - 56) + "px");
    $('#oscuratore').css('height', $(document).height());
    $('#oscuratore').stop().fadeTo(300, 0.85);
    //$('#oscuratore').css("display", "block");
    //$('#oscuratore').css("opacity", "0.85");
    $('#oscuratore').bind('click', function () {
        closeLB();
    });

    // A loading completato sposto il loader e visualizzo il conatiner
    $('#lightbox-container').load(htmlFile, function () {
        $('#lightbox-container').fadeIn(500);
        $('#oscuratore').css("background-position", "-32px -32px");
    });

    return false;
};

// Spegne tutto, poi rimuove l'html
function closeLB() {
    $('#oscuratore').unbind('click');
    $('#oscuratore').fadeOut(1000);
    $('#lightbox-container').fadeOut(500, removeLB);
}

// Rimuove l'html dal container
function removeLB() {                                                         //Cancella il contenuto del popup-container
    $('#lightbox-container').replaceWith('<div id="lightbox-container"></div>');
}

// Codice dedicato all'apertura della pagina di ricerca per codice: il riposizionamento viene fatto qui
function openRicercaLB(htmlFile) {
    $('#oscuratore').css("background-position", ($(window).width() / 2 - 16) + "px " + ($(window).height() / 2 - 56) + "px");
    $('#oscuratore').css('height', $(document).height());
    $('#oscuratore').stop().fadeTo(300, 0.85);
    //$('#oscuratore').css("display", "block");
    //$('#oscuratore').css("opacity", "0.85");
    $('#oscuratore').bind('click', function () {
        closeLB();
    });

    // A loading completato sposto il loader e visualizzo il conatiner
    $('#lightbox-container').load(htmlFile, function () {
        var lightW = $("#centered").width();
        var lightH = $("#centered").height();
        $("#centered").css("left", ($(document).width() - lightW) / 2 - 20);    // Padding
        $("#centered").css("top", ($(document).height() - lightH) / 2 - 40);    // Footer
        $('#lightbox-container').fadeIn(500);
        $('#oscuratore').css("background-position", "-32px -32px");
    });

    return false;
};




