// JavaScript Document

window.addEvent('domready', function(){
var knob = $('knob');
var scrollcon=$('scrollcontent');
//var ht=parseInt($('scrollcontent').getStyle('height',scrollcon.offsetHeight));
ht=scrollcon.offsetHeight;
ht=ht+25;
var tht=parseInt($('track2').getStyle('height'));
var kht=parseInt($('knob').getStyle('height'));
var step;
if (ht<440) {
	$('track').setStyle('display','none');
}
//alert(ht);
//var myFx = new Fx.Style('sdata', 'opacity').set(0); 
var ratio =((ht-tht)/(tht));
var mySlide3 = new Slider($('track2'), $('knob'), {	
	steps: tht,	
	mode: 'vertical',	
	onChange: function(step){
		
		nstep = ((step*-1)*ratio).limit(-1*(ht - tht), 0);
		if (nstep<=0) {
		$('scrollcontent').setStyle('top', nstep);
		}
	//	 $('testr').set('html',nstep + '-' + step + '-' + ratio +'-' + ht +'-' + tht );
	
	}
}).set(0);

$('up').addEvent('click', function(){
								nstep=mySlide3.step-25;
								 mySlide3.set(nstep);
								  });
$('down').addEvent('click', function(){
								nstep=mySlide3.step+25;
								 mySlide3.set(nstep);
								  });



	
 
});