var width;
var width_t
var width_b
var width_r

var position;
var view_wid;
var num_page;
var curr_page;
var scrollby;
var col;
var min_pos;
var max_pos;
var col_width;
col_width = 229; //product width

document.observe("dom:loaded", function() { 
    update_info();
    Event.observe('info_con_s', 'DOMMouseScroll', wheel_i); // mozilla
    Event.observe('info_con_s', 'mousewheel', wheel_i); // IE/Opera
});


function update_info()
{
    width_i = ($('info_con_s').scrollHeight - $('info_con_s').offsetHeight);
    position_i = ($('info_con_s').scrollTop);
    
    //alert("pos:"+position_i+" width:"+width_i)  
        
    //if no width set width to 1 to avoid JS error
    if(width_i == 0)
    {
        width_i = 1
    }
    
        
    if ($('info_con_s').scrollHeight <= $('info_con_s').offsetHeight) 
    {
        $('side_i_wrap').hide();
    }
    else
    {
        $('side_i_wrap').show();
    }
    
    try
    {
        slider_i.dispose();
    }
    catch(error)
    {
        //ignore if slider does not exist
    }
    
    try
    {
        slider_i = new Control.Slider('side_i_bar', 'side_i_track',
        {
            axis: 'vertical',
            range: $R(0, width_i),
            sliderValue: position_i,
            onSlide: function(v)
            {
                scrollVertical(v, $('info_con_s'), slider_i);
            },
            onChange: function(v)
            {
                scrollVertical(v, $('info_con_s'), slider_i);
            }
        });
    }
    catch(error)
    {
        //no
    }
}

//mouse scrolling info
function handle_i(delta) {
	slider_i.setValueBy(-delta);
}

function wheel_i(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_i(delta);

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