function CreateOverlay ()
{
  var master_element = document.getElementById('Petarda');
  var temp_element = document.createElement('div');
  var left = document.body.offsetLeft;
  var top = document.body.offsetTop;
  var width = document.body.offsetWidth;
  var height = document.body.offsetHeight;
    
  temp_element.id="Overlay"; 
  temp_element.style.position = 'absolute';  
  temp_element.style.display = 'inline';    
  temp_element.style.left = left-10+'px';
  temp_element.style.top = top+'px';
  temp_element.style.width = 20+width+'px';
  temp_element.style.height = height+'px';  
  temp_element.style.opacity = 0.7;
  temp_element.style.filter = 'alpha(opacity=70)';
  master_element.appendChild(temp_element); 
}

function DestroyOverlay()
{
 var master_element = document.getElementById('Petarda');
 var temp_element = document.getElementById('Overlay'); 
 master_element.removeChild(temp_element);  
}

function setOpacity( value ) {
 document.getElementById("PetardaPopup").style.opacity = value / 10;
 document.getElementById("PetardaPopup").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup() {
 for( var i = 0 ; i <= 100 ; i++ )
   setTimeout( 'setOpacity(' + (i / 10) + ')' , 5 * i );
}

function fadeOutMyPopup() {
 for( var i = 0 ; i <= 100 ; i++ ) {
   setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 5 * i );
 }
}

function closeMyPopup() {
 document.getElementById("PetardaPopup").style.display = "none"
  DestroyOverlay();
}

function DisplayFullArticle() { 
 setOpacity( 0 );
 document.getElementById("PetardaPopup").style.display = "block";
 fadeInMyPopup();
 CreateOverlay();    
}