var popup_animate = false;
var popup_current = 0;
function disp_popup(id){
if(!popup_animate){
  var e = document.getElementById('popup_'+id);
  var e2 = document.getElementById('popup_background');
  if(!id){
    popup_animate = true;
    popup_animation_out(popup_current,0);
  }else{
    e2.style.display = 'block';
    if(document.all){
      e.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
      e2.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=80)';
    }else{
      e.style.opacity = 0;
      e2.style.opacity = 0.80;
    }
    e.style.display = 'block';
    popup_animate = true;
    popup_animation(id,0);
    popup_current = id;
  }
}  
}

function popup_animation(id,c){
    c++;
    cr = c/40;
    var e = document.getElementById('popup_'+id);
    
    var opacity = Math.round(cr * 100);
    if(document.all){
      e.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity='+(opacity)+')';
    }else{
      e.style.opacity = opacity / 100;
    }
    if(c < 40){
      setTimeout(function() {popup_animation(id, c);}, 20);
    }else{
      popup_animate = false;
    }
}

function popup_animation_out(id,c){
    c++;
    cr = 1-(c/40);
    var e1 = document.getElementById('popup_'+id);
    var e2 = document.getElementById('popup_background');
    var o1 = Math.round(cr * 100);
    var o2 = Math.round(cr * 80);
    if(document.all){
      e1.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity='+(o1)+')';
      e2.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity='+(o2)+')';
    }else{
      e1.style.opacity = o1 / 100;
      e2.style.opacity = o2 / 100;
    }
    if(c < 40){
      setTimeout(function() {popup_animation_out(id, c);}, 20);
    }else{
      e2.style.display = 'none';
      e1.style.display = 'none';
      popup_animate = false;
    }
}