// JavaScript Document

$(document).ready(function()
{
	var contentArea = $("#mainLayout div.contentArea");
	
	if (parseInt(contentArea.attr("scrollHeight"))-20 > contentArea.height())
	{
		$("#mainLayout div.contentScroll").css("visibility","visible");
		
		$("div.contentScroll-Slider").slider({ orientation: 'vertical', max:100, min:0, range: 'min', value:100, change: handleChange, slide: handleSlide });
	}
	
});


function handleChange(e, ui) {
	
	
	var scrollTarget = $("#mainLayout div.contentArea");	
    var maxScroll = scrollTarget.attr("scrollHeight") -  scrollTarget.height();
	
	var scrollTo =  (100 - ui.value) * (maxScroll/100);
	
	
    scrollTarget.animate({ scrollTop: scrollTo }, 1000);

}

function handleSlide(e, ui) {
	
	
   var scrollTarget = $("#mainLayout div.contentArea");	
   var maxScroll = scrollTarget.attr("scrollHeight") -  scrollTarget.height();
	
	//alert(maxScroll);
	var scrollTo =  (100 - ui.value) * (maxScroll/100);
	
	
	
    scrollTarget.attr({ scrollTop: scrollTo   });

}