
function slide() {
 var obj = document.getElementById('text-content');
 var height = obj.clientHeight;
 var opacity = 90;
 var h,t,code;
 for(var i=100;i>=1;i--) {
  h = Math.round(height*i/100);
  t = Math.round(opacity*i/100);
  code = "document.getElementById('text-content').style.height = '"+h+"px';";
  code += "set_transparency('text-content',"+t+");";
  code += "set_transparency('bottom-rectangle',"+t+");";
  setTimeout(code,(100-i)*5);
 }
 code = "document.getElementById('text-content').style.display = 'none';";
 code += "document.getElementById('bottom-rectangle').style.display = 'none';";
 setTimeout(code,(100-i)*5);
}

function set_transparency(id,opacity) {
 var style = document.getElementById(id).style;
 style.opacity = opacity/100;
 style.filter = 'alpha(opacity=' + opacity + ')';
}
