var hh=0;

var inter;

 

//we show the box by setting the visibility of the element and incrementing the height smoothly

function ShowBox(divid)

{



//Depending on the amount of text, set the maximum height here in pixels

     if(hh==120)

     {

     clearInterval(inter);

     return;

     }

 

     if(divid==1) obj = document.getElementById('outertohere');

	 if(divid==2) obj = document.getElementById('outerfromhere');

     obj.style.visibility = 'visible';

     hh+=2;

     obj.style.height = hh + 'px';

}

 

//same way as above but reversed

function HideBox(divid)

{

     if(divid==1) obj = document.getElementById('outertohere');

	 if(divid==2) obj = document.getElementById('outerfromhere');

 

     if(hh==2)

     {

     obj.style.visibility = 'hidden';

     obj.style.height = '0.1em';

     clearInterval(inter);

     return;

     }

     hh-=2;

     obj.style.height = hh + 'px';

}