var opaque = false;

function afficherImage(src, title, id, size) {
    if (size == undefined) {
        size = 569;
    }
    var h = document.getElementById("afficherImage-Fenetre");
    var header = h.getElementsByTagName("div")[0];
    header.style.width = size + 'px';
    h.style.width = size + 20 + 'px';
    if (h.getElementsByTagName("img").length > 0) {
        var oImg = h.getElementsByTagName("img")[0];
        h.removeChild(oImg);
        if (h.getElementsByTagName("p")[0]) {
            var oPara = h.getElementsByTagName("p")[0];
            var oPara1 = h.getElementsByTagName("p")[1];
            h.removeChild(oPara);
            h.removeChild(oPara1);
        }
    }
    var oImg = document.createElement("img");
    h.appendChild(oImg);
    oImg.setAttribute("src", src);
    oImg.setAttribute("alt", title);
    ele = h.getElementsByTagName("span")[0];
    ele.innerHTML = title;
    ele.style.width = size - 35 + 'px';
    
    if (document.getElementById("articleMainImageDesc_" + id)) {
        var oDesc = document.createElement("p");
        h.appendChild(oDesc);
        eleDesc = h.getElementsByTagName("p")[0];
        eleDesc.innerHTML = document.getElementById("articleMainImageDesc_" + id).innerHTML;
        eleDesc.className = "desc";
    }

    if (document.getElementById("articleMainImageAuteur_" + id)) {
        var oAuteur = document.createElement("p");
        h.appendChild(oAuteur);
        eleAuteur = h.getElementsByTagName("p")[1];
        eleAuteur.innerHTML = document.getElementById("articleMainImageAuteur_" + id).innerHTML;
        eleAuteur.className = "auteur";
    }
    toggleOpaque("afficherImage-Fenetre");
}


function cacherImage(div) {
    divEl = document.getElementById(div);
    divEl.style.display = "none";
    toggleOpaque(div);
}


function toggleOpaque(div, position) {
    if (!document.getElementById("bgOpaque")) {
        var oDivOpaque = document.createElement("div");
        oDivOpaque.setAttribute("id", "bgOpaque");
        var ele = document.getElementsByTagName("body")[0].appendChild(oDivOpaque);
    }
    
    var ele = document.getElementById("bgOpaque");
    if (!opaque) {
        
        ele.style.width = document.body.scrollWidth;
        ele.style.height = document.body.scrollHeight;
        setOpacity(ele, 0);
        ele.style.display = "block";
        fadeIn("bgOpaque", 0, 60, 10);
        opaque = true;
        
        if (position != "rel") {
            setPosition(div);
        }
        
        /* en cliquant sur le bgOpaque, la fenètre devrait se fermer */
        ele.onclick = function() {

            cacherImage(div);
        }
    } else {
        fadeOut("bgOpaque", 60, 0, 15);
        opaque = false;
    }
}
function setPosition(div) {

    // position de la boîte
    var ele = document.getElementById(div);
    ele.style.display = "block";
    var w = document.body.scrollWidth; //screen.width;
    var h = document.body.scrollHeight; //screen.height;
    var divWidth = ele.clientWidth;
    var divHeight = ele.clientHeight;
    ele.style.position = "absolute";
    var posX = w / 2 - divWidth / 2;
    var dsoctop = document.all ? document.documentElement.scrollTop : pageYOffset;
    ele.style.left = posX + "px";
    ele.style.top = dsoctop + 50 + "px";


}
function fadeIn(objId, opacity, maxOpacity, transitionTime) {
    obj = document.getElementById(objId);
    isFadingIn = true;
    obj.style.display = "block";
    if (opacity <= maxOpacity) {
        setOpacity(obj, opacity, false);
        opacity += transitionTime;
        window.setTimeout("fadeIn('" + objId + "'," + opacity + "," + maxOpacity + "," + transitionTime + ")", 50);
    } else {
        isFadingIn = false;
    }
}

function fadeOut(objId, opacity, minOpacity, transitionTime) {
    obj = document.getElementById(objId);
    if (opacity >= minOpacity) {
        setOpacity(obj, opacity, false);
        opacity -= transitionTime;
        window.setTimeout("fadeOut('" + objId + "'," + opacity + "," + minOpacity + "," + transitionTime + ")", 50);
    } else {
        obj.style.display = "none";
        anim = false;
        animHover = false;
    }
}
function setOpacity(obj, opacity, notDisplay) {
    obj.style.filter = "alpha(opacity:" + opacity + ")";
    obj.style.KHTMLOpacity = opacity / 100;
    obj.style.MozOpacity = opacity / 100;
    obj.style.opacity = opacity / 100;
    if (notDisplay) { obj.style.display = "none" };
}