function gradient(id, level){
    var box = document.getElementById(id);
    box.style.opacity = level;
    box.style.MozOpacity = level;
    box.style.KhtmlOpacity = level;
    box.style.filter = "alpha(opacity=" + level * 100 + ")";
    box.style.display="block";
    return;
}

function fadein(id) {
    var level = 0;
    while(level <= 1){
        setTimeout( "gradient('" + id + "'," + level + ")", (level* 100) + 10);
        level += 0.01;
    }
}

function openbox(url, fadin, img_larg, img_haut) {
    var box = document.getElementById('box'); 
    document.getElementById('filter').style.display='block';
  
    //var title = document.getElementById('boxtitle');
    //title.innerHTML = url;
  
    var content = document.getElementById('boxcontent');

    var cdx = distXY('x'); 
    var cdy = distXY('y'); 
    var offset_ie5 = 0; 

    result = returnSize();
    var myWidth = result[0];
    var myHeight = result[1];  
    content.style.padding="0";
    if(ie5) {
        offset_ie5 = 2;
        document.getElementById('filter').style.height = document.getElementById('conteneur1').offsetHeight + "px";
    }

    box.style.width = (img_larg + offset_ie5 ) + "px";
    box.style.height = (img_haut + offset_ie5) + "px";
    box.style.left = (((myWidth + offset_ie5 - img_larg) / 2) + cdx) + "px";
    box.style.top = (((myHeight + offset_ie5 - img_haut) / 2) + cdy) + "px";
  
    content.innerHTML = "<img src=" + url + " />";

    if(fadin){
        gradient("box", 0);
        fadein("box");
    } else {     
        box.style.display='block';
    }      
    if(ie5 || ie6) {
        fSwapSelect('filter');
    }
    //timerresize(img_larg, img_haut);
}    

function resize(img_larg, img_haut) {
    var box = document.getElementById('box'); 

    var cdx = distXY('x'); 
    var cdy = distXY('y'); 
    
    var offset_ie5 = 0; 

    result = returnSize();
    var myWidth = result[0];
    var myHeight = result[1];  
    if(ie5) {offset_ie5 = 2;}
    
    box.style.left = (((myWidth + offset_ie5 - img_larg) / 2) + cdx) + "px";
    box.style.top = (((myHeight + offset_ie5 - img_haut) / 2) + cdy) + "px";
    
    timerresize(img_larg, img_haut);
}    

function timerresize(img_larg, img_haut) {
    setTimeout( "resize("+img_larg+", "+img_haut+")", 200);
}

function closebox(){
    document.getElementById('box').style.display='none';
    document.getElementById('filter').style.display='none';
    if(ie5 || ie6) {
        fSwapSelect('filter');
    }
}