var sliderIntervalInId = 0;
var sliderIntervalOutId = 0;
var winH = new Array (0,20,20);
var sliding = false;
var slideSpeed = 5;
var idName='drawer';

function slide(theDiv,theHeight)
{
   if(!sliding){
    //  return;  
   sliding = true;
   //alert(theDiv);
	//alert(theHeight);
   if(winH[theDiv] == theHeight)
     {
     	//alert('out');
     	if(theDiv==2){
     		document.getElementById("archive").className="closed";
     	}
     	sliderIntervalOutId = setInterval(function() {
     		slideOut(theDiv,theHeight);
     	}, 5);
     }
   else
      {
      	//alert('in');
      	if(theDiv==2)
     		document.getElementById("archive").className="open";
     		sliderIntervalInId = setInterval(function() {
     		slideIn(theDiv,theHeight);
     	}, 5);
	}}
}

function slideOut(passDiv,passHeight)
{
	//alert(passDiv+'b');
   slider = document.getElementById(idName+passDiv);
	
   if(winH[passDiv] <= 20)
   {
      sliding = false;
      winH[passDiv] = 20;
      slider.style.height = '20px';
      //alert(passDiv+'c');
      clearInterval(sliderIntervalOutId);
   }
   else
   {
      winH[passDiv] -= slideSpeed;
      if(winH[passDiv] <20)
         winH[passDiv] = 20;
      slider.style.height = winH[passDiv] + 'px';
   }
}

function slideIn(passDiv,passHeight)
{

   slider = document.getElementById(idName+passDiv);
   if(winH[passDiv]>= passHeight)
   {
      sliding = false;
      winH[passDiv] = passHeight;
      slider.style.height = passHeight+'px';
      clearInterval(sliderIntervalInId);
   }
   else
   {
      winH[passDiv] += slideSpeed;
      if(winH[passDiv]> passHeight)
         winH[passDiv] = passHeight;
      slider.style.height = winH[passDiv] + 'px';
   }
}