/* Greybox Redux
 * Required: http://jquery.com/
 * Written by: John Resig
 * Based on code by: 4mir Salihefendic (http://amix.dk)
 * License: LGPL (read more in LGPL.txt)
 */

var GB_DONE = false;
var GB_HEIGHT = 400;
var GB_WIDTH = 400;
var GB_ANIMATION = true;

function GB_show(caption, url, height, width) {
    GB_HEIGHT = height || 400;
    GB_WIDTH = width || 400;
    if(!GB_DONE) {
        $(document.body)
        .append("<div id='GB_overlay'></div><div id='GB_window'><div id='GB_caption'></div>"
            + "<img src='/js/greybox/close.gif' alt='Fermer la fenêtre'/></div>");
        $("#GB_window img").click(GB_hide);
        $("#GB_overlay").click(GB_hide);
        $(window).resize(GB_position);
        GB_DONE = true;

        $("#GB_overlay").css({
            height:$(document).height()+"px"
        });
    }

    $("#GB_frame").remove();
    $("#GB_window").append("<iframe id='GB_frame' src='"+url+"'></iframe>");
    
    $("#GB_caption").html(caption);
    $("#GB_overlay").show();
    GB_position();

    if(GB_ANIMATION)
        $("#GB_window").slideDown("slow");
    else
        $("#GB_window").show();
}

function GB_hide() {
    $("#GB_window,#GB_overlay").hide();
}

function GB_position() {
    var de = document.documentElement;
    var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
    var sizeW = $(document).width();
    var sizeH = $(document).height();
    var posW = ($(document).width() - sizeW) / 2;
    var posH = $(document).scrollTop() + GB_HEIGHT/4;
    $("#GB_window").css({
        width:GB_WIDTH+"px",
        height:GB_HEIGHT+"px",
        left: ((w - GB_WIDTH)/2)+"px",
        top: posH+"px"
    });
    $("#GB_frame").css("height",GB_HEIGHT - 32 +"px");
}