function nt20latzdz()
{
  var body=document.body;
  var h=body.offsetHeight;
  var w=body.offsetWidth;
//  alert(h);
  var objs=document.getElementsByTagName('object');
  if(objs.length>0)
  {
    for(i=0;i<objs.length;i++)
      objs[i].style.display="none";
  }
  var div1=document.createElement('div');
  var div2=document.createElement('div');
  var div3=document.createElement('div');
  var div4=document.createElement('div');
  div1.id="div20lat1";
  with(div1.style)
  {
    width="51%";
    left=-w+"px";
    height="100%";
    top="0px";
    position="fixed";
    zIndex="1234";
    background="#009ee0";
  }
  div1.innerHTML='&nbsp;';
  div2.id="div20lat2";
  with(div2.style)
  {
    width="51%";
    left=w+"px";
    height="100%";
    top="0px";
    position="fixed";
    zIndex="1234";
    background="#009ee0";
  }
  div2.innerHTML='&nbsp;';
  div3.id="div20lat3";
  with(div3.style)
  {
    width="100%";
    left="-110%";
    top="0px";
    position="fixed";
    zIndex="1237";
    textAlign="center";
    paddingTop="100px";
  }
  div3.innerHTML='<img src="/obrazki_stale/20_all.gif" onload="lat20effects()" />';
  div4.id="div20lat4";
  with(div4.style)
  {
    left="20px";
    top="20px";
    position="fixed";
    zIndex="1239";
    display="none";
  }
  div4.innerHTML='<img src="/obrazki_stale/20_x.gif" style="cursor: pointer; _cursor: hand;" onclick="close20lat()" />';
  body.appendChild(div4);
  body.appendChild(div3);
  body.appendChild(div2);
  body.appendChild(div1);
}

var timeout20lat;

function lat20effects()
{
  var body=document.body;
  var h=body.offsetHeight;
  var w=body.offsetWidth;
  var div1=document.getElementById('div20lat1');
  var div2=document.getElementById('div20lat2');
  var div3=document.getElementById('div20lat3');
  var div4=document.getElementById('div20lat4');
  with(div3.style)
  {
    left="0px";
    display="none";
  }
  new Effect.Move(div1, { x: w, y: 0, transition: Effect.Transitions.spring,queue: { position: 'end', scope: '20latscope' }  });
  new Effect.Move(div2, { x: -Math.ceil(w/2), y: 0, transition: Effect.Transitions.spring,queue: { position: 'end', scope: '20latscope2' }  });
//  new Effect.Scale(div3, { scaleFromCenter: true, scaleMode: 'contents', scaleFrom: 0, queue: { position: 'end', scope: '20latscope' } });
  new Effect.Appear(div3, { queue: { position: 'end', scope: '20latscope' } });
  new Effect.Appear(div4, { queue: { position: 'end', scope: '20latscope2' } });
  timeout20lat=setTimeout("close20lat();",20000);
}

function close20lat()
{
  clearTimeout(timeout20lat);
  var body=document.body;
  var h=body.offsetHeight;
  var w=body.offsetWidth;
  var div1=document.getElementById('div20lat1');
  var div2=document.getElementById('div20lat2');
  var div3=document.getElementById('div20lat3');
  var div4=document.getElementById('div20lat4');
  new Effect.Fade(div3, { queue: { position: 'end', scope: '20latscope' } });
  new Effect.Fade(div4, { queue: { position: 'end', scope: '20latscope2' } });
  new Effect.Move(div1, { x: -w, y: 0, transition: Effect.Transitions.sinoidal,queue: { position: 'end', scope: '20latscope' }  });
  new Effect.Move(div2, { x: Math.ceil(w/2), y: 0, transition: Effect.Transitions.sinoidal, afterFinish: function() { bring20latiobj(); }, queue: { position: 'end', scope: '20latscope2' }  });
//  new Effect.Scale(div3, { scaleFromCenter: true, scaleMode: 'contents', scaleFrom: 0, queue: { position: 'end', scope: '20latscope' } });
}

function bring20latiobj()
{
  var objs=document.getElementsByTagName('object');
  if(objs.length>0)
  {
    for(i=0;i<objs.length;i++)
      objs[i].style.display="block";
  }
  var div1=document.getElementById('div20lat1');
  var div2=document.getElementById('div20lat2');
  var div3=document.getElementById('div20lat3');
  var div4=document.getElementById('div20lat4');
  div1.style.display="none";
  div2.style.display="none";
  div3.style.display="none";
  div4.style.display="none";
}