/********************************************************************************************
* Wyland
*/
function InitScrollableContent(containerName, contentName, sliderName) 
{
    /*
        containerName = 'ArchiveContainerDiv';
        contentName = 'ArchiveContentDiv'; 
        sliderName = 'ArchiveSliderDiv; 
    */
    
    var scroller = new Bs_ScrollableDiv();
    scroller.init(containerName, contentName);

    var sliderObj = new Bs_Slider();
    sliderObj.attachOnChange(Bs_ScrollableDiv_sliderChange);
    sliderObj.width = 11;
    sliderObj.height = 'auto';
    sliderObj.arrowMouseOver = true;
    sliderObj.valueDefault = 0; //we don't start at position 0 by default. this is in percent.
    sliderObj.direction = 1;
    sliderObj.imgDir = 'javascript/components/slider/img/burp/';
    sliderObj.setBackgroundImage('scroll_ln.gif', 'repeat');
    sliderObj.setSliderIcon('scroll_knob.gif', 11, 5);
    sliderObj.setArrowIconLeft('scroll_up.gif', 11, 10);
    sliderObj.setArrowIconRight('scroll_dn.gif', 11, 10);
    sliderObj.useInputField = 0;

    scroller.setSliderObject(sliderObj, sliderName);
    scroller.setSlideSpeed(50, 'pixel'); //50 pixel per second
    scroller.setWheelSpeed(20, 'pixel'); //20 pixel per tick
}