// JavaScript Document


$(document).ready(function()
{
	var contentArea = $("#layout #content");
	
	if (Math.round(contentArea.attr("scrollHeight")) > Math.round(contentArea.height()))
	{
		$("#layout #contentScroll").css("visibility","visible");
		
		$("#layout #contentScroll").slider({ orientation: 'vertical', max:100, min:0, range: 'min', value:100, change: handleChange, slide: handleSlide });
		
		$("#layout #contentScroll #scrollNote").css("display","block");
	}
	
});


function handleChange(e, ui) {
	
	
	var scrollTarget = $("#layout #content");	
    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 = $("#layout #content");	
   var maxScroll = scrollTarget.attr("scrollHeight") -  scrollTarget.height();
	
	//alert(maxScroll);
	var scrollTo =  (100 - ui.value) * (maxScroll/100);
	
	
	
    scrollTarget.attr({ scrollTop: scrollTo   });

}