// JavaScript Document
    
// if (/* test for safari */) window.onload = fixSafariLayout

window.addEvent('domready', function(){

									
var knob = $('knob');
var scrollcon=$('sgscrollcontent');
//var ht=parseInt($('scrollcontent').getStyle('height',scrollcon.offsetHeight));
ht=scrollcon.offsetHeight;
ht=ht+25;
 if (Browser.Engine.webkit) {
										ht=ht+165;
									 }
				 // alert(ht);
var tht=parseInt($('track2').getStyle('height'));
var kht=parseInt($('knob').getStyle('height'));
var step;
if (ht<237) {
	$('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) {
		$('sgscrollcontent').setStyle('top', nstep);
		}
	// $('testr').set('html',nstep + '-' + step + '- rato ht:' + ratio +'- contaner ht:' + ht +' - track2 ht' + tht+' - knob ht' + kht );
	
	}
}).set(0);

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



	
 
});