function getDimensions(element) {
	
	
    var display = element.style.display;
    if (display != 'none' && display != null) // Safari bug
      return {width: element.offsetWidth, height: element.offsetHeight};

    // All *Width and *Height properties give 0 on elements with display none,
    // so enable the element temporarily
    var els = element.style;
    var originalVisibility = els.visibility;
    var originalPosition = els.position;
    var originalDisplay = els.display;
    els.visibility = 'hidden';
    els.position = 'absolute';
    els.display = 'block';
    var originalWidth = element.clientWidth;
    var originalHeight = element.clientHeight;
    els.display = originalDisplay;
    els.position = originalPosition;
    els.visibility = originalVisibility;
    return {width: originalWidth, height: originalHeight};
}

function showMediaBox(base,id, w, h, comment) {
    
    var ct = '<div id="overMedia'+id+'" style="width:'+w+'px;height:'+h+'px;"></div>';
	if (comment!="" && comment!=" " && comment!="Commentaires")
	ct += '<div class="mediaComment" style="width:'+w+'px;">'+comment+'</div>';
    overBoite(ct);
	
    dt =new Date();
    
    swf("overMedia"+id, "diaporama_"+id, base+"lecteur.swf", w, h, "opaque", "#000000", "?id_media="+id+"&w="+w+"&h="+h+"&t="+dt.getTime()+LCOPTION);
	
	
}


function overBoite(contenu) {
    
    var overboite = document.getElementById('overBoite');
    var overBoiteHG = document.getElementById('overBoiteHG');
    var overBoiteBG = document.getElementById('overBoiteBG');
    var overBoiteD = document.getElementById('overBoiteD');
    
    var blackLayer = document.getElementById('blackLayer');
    var content = document.getElementById('overBoiteContenu');
    content.innerHTML = contenu;
	
    var dim = getDimensions(overboite);
    var overBoiteG = document.getElementById('overBoiteG');
    
    
    overboite.style.left = Math.ceil(Math.abs(document.body.clientWidth-dim.width)/2)+"px";
    overboite.style.top = "50px";
    
    overboite.style.display = '';
    blackLayer.style.display = '';
    
    content.innerHTML = contenu;
    
    var g_taille = getDimensions(overBoiteD);
    
    var g = g_taille.width;

    overBoiteHG.style.width = g+"px";
    overBoiteBG.style.width = g+"px";
    overBoiteG.style.width = g+"px";
    
}

function overBoiteFermer() {
    
    var overboite = document.getElementById('overBoite');
    var blackLayer = document.getElementById('blackLayer');
    var content = document.getElementById('overBoiteContenu');
    
    overboite.style.display = 'none';
    blackLayer.style.display = 'none';
    
    content.innerHTML = "";
}