var iOpacity = 0;
 var timer = 0;
 var idFade = "";


function FadeById(id) {
  idFade = id;
  
  var elem = document.getElementById(idFade);
  
  //alert(elem.style.MozOpacity);
  
  if( elem.style.opacity == 0 || elem.style.MozOpacity == 0 || elem.style.KhtmlOpacity == 0 || elem.style.filter == "alpha(opacity=0)")
  {
    timer = setInterval("FadeIn()", 100);
  }
}

function FadeOutById(id)
{
  idFade = id;
  var elem = document.getElementById(idFade);
  
  //alert(elem.style.filter);
  
  if( elem.style.opacity == 1 || elem.style.MozOpacity == 1 || elem.style.KhtmlOpacity == 1 || elem.style.filter == "alpha(opacity=100)")
  {
    timer = setInterval("FadeOut()", 50);
  }
}

function CancelFadeById() {
  if (timer == 0) return;
  clearInterval(timer);
  timer = 0;
}

function FadeIn() {
  var elem = document.getElementById(idFade);
  

  
  if (iOpacity >= 1) {
   /*elem = document.getElementById(idFade);
    if (! elem) {*/
      CancelFadeById();
      
      elem.style.opacity = 1;
      elem.style.MozOpacity = 1;
      elem.style.KhtmlOpacity = 1;
      elem.style.filter = "alpha(opacity=100)";
      
      return;
    /*}
    iOpacity = 0;*/
  }
  
  elem.style.width = '700px';//'638px';
  elem.style.height = '450px'; //'408px';
  elem.style.background = '#FFFFFF';
  elem.style.top = '200px';
  elem.style.left = (screen.availWidth - 638) / 2;
  elem.style.zindex = 3; 
  elem.style.border = "2px solid #A0A0A0";
  elem.style.padding = "50px 0px 0px 50px";
  document.getElementById('img_map').width = 638;
  
  iOpacity += 0.1;
  elem.style.opacity = iOpacity;
  elem.style.MozOpacity = iOpacity;
  elem.style.KhtmlOpacity = iOpacity;
  elem.style.filter = "alpha(opacity=" + iOpacity * 100 + ")";
  
  document.getElementById('fond_noir').style.MozOpacity = iOpacity/2;
  document.getElementById('fond_noir').style.opacity = iOpacity/2;
  document.getElementById('fond_noir').style.KhtmlOpacity = iOpacity/2;
  document.getElementById('fond_noir').style.filter = "alpha(opacity=" + iOpacity/2 * 100 + ")";
  document.getElementById('fond_noir').style.height = screen.availHeight-20 + 'px';
  document.getElementById('fond_noir').style.width = screen.availWidth-18 + 'px';
}

function FadeOut() {
  var elem = document.getElementById(idFade);
    
  if (iOpacity <= 0.0) 
  { 
    document.getElementById('img_map').width = 0;
    elem.style.width = '0px';
    elem.style.height = '0px';
    elem.style.border = "0px";

    CancelFadeById();
    
    elem.style.opacity = 0;
    elem.style.MozOpacity = 0;
    elem.style.KhtmlOpacity = 0;
    elem.style.filter = "alpha(opacity=0)";
    
    return; 
  }
  
  
  iOpacity -= 0.1;
  elem.style.opacity = iOpacity;
  elem.style.MozOpacity = iOpacity;
  elem.style.KhtmlOpacity = iOpacity;
  elem.style.filter = "alpha(opacity=" + iOpacity * 100 + ")";
  
  
  
  document.getElementById('fond_noir').style.MozOpacity = iOpacity/2;
  document.getElementById('fond_noir').style.opacity = iOpacity/2;
  document.getElementById('fond_noir').style.KhtmlOpacity = iOpacity/2;
  document.getElementById('fond_noir').style.filter = "alpha(opacity=" + iOpacity/2 * 100 + ")";
  document.getElementById('fond_noir').style.height = '0px';
  document.getElementById('fond_noir').style.width = '0px';
}