var divActuelA    = 'BEL20';


function trim(string){
    return string.replace(/(^\s*)|(\s*$)/g,'');
}




function preload(msg, id){
    if ($(id)) {
        $(id).innerHTML = msg;
        $(id).className = 'loading';
    }    
}




function popup(page, width, height){
    param  = "width="+ width +",height="+ height +",menubar=no,toolbar=no,location=no,";
    param += "directories=no,scrollbars=no,status=no,resizable=no,left=150,top=200";
    window.open(page, '', param);
}


function changeImg(id){
    img = $(id).src;
    img = img.split("/");
    
    switch (img[img.length - 1]) {
        case "ville.gif":
              setOpacity($(id), 20, 100, 5);
              $(id).src = imgQuartier.src;
              break;
              
        case "quartier.gif":
              setOpacity($(id), 20, 100, 5);
              $(id).src = imgRue.src;
              break;
              
        case "rue.gif":
              setOpacity($(id), 20, 100, 5);
              $(id).src = imgVille.src;
              break;
    }
}  
  
function cacherDivA(id){
    if (id != divActuelA) {
       $(id).className = 'divVV';
       $(divActuelA).className = 'divCC';
       $('currentA').id  = divActuelA +'_li';
       $(id +"_li").id = 'currentA';
       divActuelA = id;
    } 
}






function display(id){
    if ($(id).className == "") {
       $(id).className = 'divC';
    } else {
        $(id).className = '';
    }
}


function setOpacity(img, opacDebut, opacFin, speed){
    if(opacDebut < opacFin){
        if(document.all){
            if (img.filters.alpha == null) {
                img.style.filter = 'alpha(opacity='+ opacDebut +')';
            } else {
                img.filters.alpha.opacity = opacDebut;
            }    
            opacDebut += speed;
            timer = setTimeout(function(){setOpacity(img, opacDebut, opacFin, speed);}, 0);
        } else {
            img.style.setProperty("-moz-opacity", opacDebut/100, "");
            img.style.setProperty("-khtml-opacity", opacDebut/100, "");
            img.style.setProperty("opacity", opacDebut/100, "");
            opacDebut += speed;
            timer = setTimeout(function(){setOpacity(img, opacDebut, opacFin, speed);}, 0);
        }
    } else {
        clearTimeout(timer);
    }    
}
                 
function  displayImg(id){
    node = $(id);
    img  = node.getElementsByTagName('img');
    
    for (i = 0; i < img.length; i++) {
        setOpacity(img[i], 20, 100, 5); 
    }
}