var slider_t;
var slider_b;
var width_t;
var width_b;

document.observe("dom:loaded", function() { 
    try
    {
        width_t = ($('side_type').scrollHeight - $('side_type').offsetHeight);
        
    }
    catch(error)
    {
        width_t = 100
    }
    //if no width set width to 1 to avoid JS error
    if(width_t == 0)
    {
        width_t = 1
    }
    
    slider_t = new Control.Slider('side_t_bar', 'side_t_track', {
        axis: 'vertical',
        range: $R(0, width_t),
        onSlide: function(v) { scrollVertical(v, $('side_type'), slider_t);  },
        onChange: function(v) { scrollVertical(v, $('side_type'), slider_t); }
    });
    
    Event.observe('side_type', 'DOMMouseScroll', wheel_t); // mozilla
    Event.observe('side_type', 'mousewheel', wheel_t); // IE/Opera 
    
    if ($('side_type').scrollHeight <= $('side_type').offsetHeight) 
    {
        slider_t.setDisabled();
        $('side_t_wrap').hide();
    }

    try
    {
        width_b = ($('side_brand').scrollHeight - $('side_brand').offsetHeight);
    }
    catch(error)
    {
        width_b = 100
    }
    
    //if no width set width to 1 to avoid JS error
    if(width_b == 0)
    {
        width_b = 1
    }
    
    slider_b = new Control.Slider('side_b_bar', 'side_b_track', {
        axis: 'vertical',
        range: $R(0, width_b),
        onSlide: function(v) { scrollVertical(v, $('side_brand'), slider_b);  },
        onChange: function(v) { scrollVertical(v, $('side_brand'), slider_b); }
    });

    //if slider not needed hide it, else create it
    if ($('side_brand').scrollHeight <= $('side_brand').offsetHeight) {
        slider_b.setDisabled();
        $('side_b_wrap').hide();
    }
    
    Event.observe('side_brand', 'DOMMouseScroll', wheel_b); // mozilla
    Event.observe('side_brand', 'mousewheel', wheel_b); // IE/Opera   


});

//mouse scrolling type
function handle_t(delta) {
	slider_t.setValueBy(-delta);
}

function wheel_t(event){
	var delta = 0;
	if (!event)
		event = window.event;
	if (event.wheelDelta) { // IE Opera
		delta = event.wheelDelta/6;
	} else if (event.detail) { // Mozilla
		delta = -event.detail*2;
	}
	if (delta)
		handle_t(delta);

	if (event.preventDefault)
		event.preventDefault();
	
	event.returnValue = false;
}

//mouse scrolling brand
function handle_b(delta) {
	slider_b.setValueBy(-delta);
}

function wheel_b(event){
	var delta = 0;
	if (!event)
		event = window.event;
	if (event.wheelDelta) { // IE Opera
		delta = event.wheelDelta/6;
	} else if (event.detail) { // Mozilla
		delta = -event.detail*2;
	}
	if (delta)
		handle_b(delta);

	if (event.preventDefault)
		event.preventDefault();
	
	event.returnValue = false;
}