var start_box_opacity = 0;  //výchozí hodnota průhlednosti překryvného boxu (nejnižší 0)
var target_box_opacity = 60; //cílová hodnota průhlednosti překryvného boxu (nejvyšší 99)
var box_opacity_timing = 50; //rychlost ztmavovacího efektu v ms; čím méně, tím rychleji
var opacity_increment = 20; //přírůstek vlastnosti opacity; čím větší hodnota, tím je efekt rychlejší
var opacity_box_color = '#101010' //barva překryvného boxu


var opacity_fullpage_box_ID = null; //div box, který se musí vložit do stránky
var actual_box_opacity = 0; //aktuální hodnota průhlednosti překryvného boxu; na začátku vždy nula
var opacity_fullpage_box_count = 0; //počet volání funkce opacity_fullpage_box_show(), na začátku 0

//tato funkce se volá pro ztmavení pozadí obrazovky; animation = 1 s animací, jinak bez;
function opacity_fullpage_box_show(animation) { 


   if (opacity_fullpage_box_count == 0) {

      opacity_fullpage_box_ID = document.getElementById("opacity_fullpage_box"); 


      if (animation == 1) {
         actual_box_opacity = start_box_opacity;
      } else {
         actual_box_opacity = target_box_opacity;
      }

      opacity_fullpage_box_ID.style.visibility = 'visible';
      opacity_fullpage_box_ID.style.backgroundColor = opacity_box_color;
      opacity_fullpage_box_set_size();
      opacity_fullpage_box_show_animate();
   }

   opacity_fullpage_box_count++;
}

//pomocná funkce pro samotný efekt ztmavení
function opacity_fullpage_box_show_animate() { 
 
   if (navigator.userAgent.indexOf('MSIE') != -1) { //nastaví průhlednost výsuvných položek         
           opacity_fullpage_box_ID.style.filter = 'alpha(opacity=' + actual_box_opacity +')';      
   } else {
           opacity_fullpage_box_ID.style.opacity = '.' + actual_box_opacity; 
   }

  
   if (actual_box_opacity < target_box_opacity) { 
      actual_box_opacity += opacity_increment;
      setTimeout('opacity_fullpage_box_show_animate()',box_opacity_timing);
   }   
}

//tato funkce se volá pro opětovné rozsvícení pozadí obrazovky (bez animace)
function opacity_fullpage_box_hidden() { 
      opacity_fullpage_box_count--;

      if (opacity_fullpage_box_count == 0) {
        opacity_fullpage_box_ID.style.width = '1px';
        opacity_fullpage_box_ID.style.height = '1px';
        opacity_fullpage_box_ID.style.visibility = 'hidden';
      }
}

//nastavení šířky a výšky překryvného boxu; funkce se musí volat při událost onresize webové stránky, viz níže
function opacity_fullpage_box_set_size() {

   opacity_fullpage_box_ID = document.getElementById("opacity_fullpage_box"); 
   
   if (opacity_fullpage_box_ID.style.visibility == 'visible') {
      opacity_fullpage_box_ID.style.height = document.body.clientHeight;
      opacity_fullpage_box_ID.style.width = document.body.scrollWidth;   

      if (document.body.scrollHeight > document.body.clientHeight) {
         opacity_fullpage_box_ID.style.height = document.body.scrollHeight;
      } else {
         opacity_fullpage_box_ID.style.height = document.body.clientHeight;
      }

   }
}

if (document.getElementById("opacity_fullpage_box") != null) {
   window.onresize = function ()
   {
      opacity_fullpage_box_set_size();
   }
}