//var slide_width = 1230;
var slide_width = 837;
//var slide_count = 24;
var slide_action = false;
var slide_id = null;

document.onmouseup = function() { stop_scroll(); };

function jump_to(id)
{
	//slider.setDisabled();
	$('slider' + curr).style.display = 'none';
	//$('slider' + id).style.display = 'block';
	$('scrollable' + id).scrollTop = 0;
	$('slide_show').scrollLeft = id * slide_width;
		
		
	//alert($('track' + id).offsetHeight);
	//if ($('scrollable' + id).scrollHeight <= $('scrollable' + id).offsetHeight)
	//alert($('scrollable' + id).offsetHeight / $('scrollable' + id).scrollHeight);


	$('slider' + id).style.display = 'block';
	//alert($('track' + id).offsetHeight);
	$('slider' + id).style.height = $('scrollable' + id).offsetHeight + 'px';
	$('track' + id).style.height = ($('scrollable' + id).offsetHeight - 23) + 'px';
	$('knob' + id).style.height = Math.round(($('scrollable' + id).offsetHeight / $('scrollable' + id).scrollHeight * $('track' + id).offsetHeight)) + 'px';

	curr = id;
		
		
		
	slider = new Control.Slider('knob' + id, 'track' + id, {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('scrollable' + id), slider);  },
				onChange: function(v) { scrollVertical(v, $('scrollable' + id), slider); }
	});
		

		
	checkScrollable(id);
	activate_link(id);
}

function activate_link(id)
{
	
	document.getElementById('link' + id).className = 'activated_link';
	//for(i = 0; i < slide_count; i++)
	for(i = 0; i < document.getElementById('num_jobs').value; i++)
	{
		if(id != i)
		{
			document.getElementById('link' + i).className = '';
		}
	}
	

}

function scroll_up(id)
{
	if(!slide_action)
	{
		slide_action = true;
		slide_id = id;
		scroll_up_loop();
	}
}

function scroll_up_loop()
{
	if(slide_action)
	{
		
		// Derived from function scrollVertical()
		slider.setValue(     ($('scrollable' + slide_id).scrollTop - 30) * slider.maximum / 
		                     ($('scrollable' + slide_id).scrollHeight - $('scrollable' + slide_id).offsetHeight)     );
		
		setTimeout('scroll_up_loop()', 20);
	}
}

function scroll_down(id)
{
	if(!slide_action)
	{
		slide_action = true;
		slide_id = id;
		scroll_down_loop();
	}
}

function scroll_down_loop()
{
	if(slide_action)
	{
		
		// Derived from function scrollVertical()
		slider.setValue(     ($('scrollable' + slide_id).scrollTop + 30) * slider.maximum /
		                     ($('scrollable' + slide_id).scrollHeight - $('scrollable' + slide_id).offsetHeight)     );
		
		setTimeout('scroll_down_loop()', 20);
	}
}

function stop_scroll()
{
	slide_action = false;
}