function x_scroller (obj_id, direction) {

    var track  = $(obj_id + '_track');
    var handle = $(obj_id + '_handle');
    var obj    = $(obj_id);

    if(direction == 'vertical') {

//        track.style.height = obj.style.height;

        var slider1 = new Control.Slider(handle, track, {
            axis: 'vertical',
            onSlide: function(v) { scrollVertical(v, obj, slider1);  },
            onChange: function(v) { scrollVertical(v, obj, slider1); }
            }
            );
			
        //alert(slider1.scrollHeight);
        // disable vertical scrolling if text doesn't overflow the div
		//if (obj.scrollHeight <= obj.offsetHeight) {
            //slider1.setDisabled();
            //track.hide();
        //}

    } else {

//        track.style.width = parseInt(obj.style.width) - 33;

        var slider2 = new Control.Slider(handle, track, {
            onSlide: function(v) { scrollHorizontal(v, obj, slider2);  },
            onChange: function(v) { scrollHorizontal(v, obj, slider2); }
            }
            );
			
        //disable vertical scrolling if text doesn't overflow the div
//		if ($(obj_id).scrollWidth <= $(obj_id).offsetWidth) {
//            slider2.setDisabled();
//            track.hide();
//        }
    }
}


// scroll the element vertically based on its width and the slider maximum value
function scrollVertical(value, element, slider) {
    element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}


// scroll the element horizontally based on its width and the slider maximum value
function scrollHorizontal(value, element, slider) {
    element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
}