var initHeight = 0;
var slidedown_direction = 1;
var slidedownContentBox = false;
var slidedownContent = false;
var slidedownActive = false;
var contentHeight = false;
var slidedownSpeed = 3;  // Higher value = faster script
var slidedownTimer = 7; // Lower value = faster script

function slidedown_showHide() {
  if(initHeight==0)slidedown_direction=slidedownSpeed; else slidedown_direction = slidedownSpeed*-1;
  if(!slidedownContentBox) {
    slidedownContentBox = document.getElementById('dhtmlgoodies_contentBox');
    slidedownContent = document.getElementById('dhtmlgoodies_content');
    contentHeight = document.getElementById('dhtmlgoodies_content').offsetHeight;
  }
  slidedownContentBox.style.visibility='visible';
  slidedownActive = true;
  slidedown_showHide_start();
}

function slidedown_showHide_start() {
  if(!slidedownActive)return;
  initHeight = initHeight/1 + slidedown_direction;
  if(initHeight <= 0) {
    slidedownActive = false; 
    slidedownContentBox.style.visibility='hidden';
    initHeight = 0;
  }
  if(initHeight>contentHeight) {
    slidedownActive = false; 
  }
  slidedownContentBox.style.height = initHeight + 'px';
  slidedownContent.style.top = initHeight - contentHeight + 'px';
  setTimeout('slidedown_showHide_start()',slidedownTimer); // Choose a lower value than 10 to make the script move faster
}

function setslidedownWidth(newWidth) {
  document.getElementById('dhtmlgoodies_slidedown').style.width = newWidth + 'px';
  document.getElementById('dhtmlgoodies_contentBox').style.width = newWidth + 'px';
}

function setSlideDownSpeed(newSpeed) {
  slidedownSpeed = newSpeed;
}


function hidden(){
	if(document.getElementById('dhtmlgoodies_contentBox').style.visibility='visible'){
		document.getElementById('dhtmlgoodies_contentBox').style.visibility='hidden';
		}
	}






	<!--
	function init() {
		//scrollablediv 1
		var scroller = new Bs_ScrollableDiv();
		scroller.init('divContainer_1', 'divContent_1');
		
	  var sliderObj = new Bs_Slider();
		sliderObj.width          = 11;
		sliderObj.height         = 'auto';
		sliderObj.arrowMouseOver = true;
		sliderObj.direction      = 1;
		sliderObj.imgDir         = 'script/';
		sliderObj.setBackgroundImage('scroll_ln.gif', 'repeat');
		sliderObj.setSliderIcon('scroll_knob.gif', 16, 17);
		sliderObj.setArrowIconLeft('scroll_up.gif', 16, 16);
		sliderObj.setArrowIconRight('scroll_dn.gif', 16, 16);
		
		scroller.setSliderObject(sliderObj, 'sliderDiv1');
		scroller.setSlideSpeed(50, 'pixel'); //50 pixel per second
		scroller.setWheelSpeed(10, 'pixel'); //10 pixel per tick
		
		
		//scrollablediv 2
		var scroller2 = new Bs_ScrollableDiv();
		scroller2.init('divContainer_2', 'divContent_2');
		
	  var sliderObj2 = new Bs_Slider();
		sliderObj2.attachOnChange(Bs_ScrollableDiv_sliderChange);
		sliderObj2.width          = 11;
		sliderObj2.height         = 'auto';
		sliderObj2.arrowMouseOver = true;
		sliderObj2.valueDefault   = 35; //we don't start at position 0 by default. this is in percent.
		sliderObj2.direction      = 1;
		sliderObj2.imgDir         = 'script/';
		sliderObj2.setBackgroundImage('scroll_ln.gif', 'repeat');
		sliderObj2.setSliderIcon('scroll_knob.gif', 16, 17);
		sliderObj2.setArrowIconLeft('scroll_up.gif', 16, 16);
		sliderObj2.setArrowIconRight('scroll_dn.gif', 16,16);
		sliderObj2.useInputField = 0;
		
		scroller2.setSliderObject(sliderObj2, 'sliderDiv2');
		scroller2.setSlideSpeed(50, 'pixel'); //50 pixel per second
		scroller2.setWheelSpeed(20, 'pixel'); //20 pixel per tick
	}