// JavaScript Document

Speed = 0;


function Magic() {

  MagicZone = $('#popup');
  if(MagicZone){
    MagicZone.style.visibility = 'hidden';
    MagicZone.style.display = 'block';
    $('#openup').style.display = 'none';
    SizeZone = MagicZone.offsetHeight;
    Op = -SizeZone;
    hideLimit = -SizeZone+10;
    MagicZone.style.top = Op+'px';
    MagicZone.style.visibility = 'visible';
    
    d = new Date().getTime();
    SlideOpen();
    
  }
  $('#closeup').onclick = function(){
    d = new Date().getTime();
    SlideClose();
    $('#openup').style.display = 'block';
  };
  $('#openup').onclick = function(){
    d = new Date().getTime();
    SlideOpen();
    $('openup').style.display = 'none';
  };
}

function SlideOpen() {
    rectifTime();
    Op = (Op+25+Speed > 20)? 20 : Op+25+Speed;
    MagicZone.style.top = Op+'px';
    if (Op < 20) {setTimeout(SlideOpen,80);}
}

function SlideClose() {
    rectifTime();
    Op = (Op-25-Speed < hideLimit)? hideLimit : Op-25-Speed;
    MagicZone.style.top = Op+'px';
    if (Op > hideLimit) {setTimeout(SlideClose,80);}
}

function rectifTime(){
  d2 = new Date().getTime();
  Speed = (Speed<0)? 0 : 0-((d+=80) - d2);
  Speed = Speed/8;
  return Speed;
}

window.onload = function(){
		Magic(); 
}