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         = 'javascript/components/slider/img/burp/';
		sliderObj.setBackgroundImage('scroll_ln.gif', 'repeat');
		sliderObj.setSliderIcon('scroll_knob.gif', 16, 5);
		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         = 'javascript/components/slider/img/burp/';
		sliderObj2.setBackgroundImage('scroll_ln.gif', 'repeat');
		sliderObj2.setSliderIcon('scroll_knob.gif', 11, 5);
		sliderObj2.setArrowIconLeft('scroll_up.gif', 11, 10);
		sliderObj2.setArrowIconRight('scroll_dn.gif', 11, 10);
		sliderObj2.useInputField = 0;
		
		scroller2.setSliderObject(sliderObj2, 'sliderDiv2');
		scroller2.setSlideSpeed(50, 'pixel'); //50 pixel per second
		scroller2.setWheelSpeed(20, 'pixel'); //20 pixel per tick
	}