// JavaScript Document

$(document).ready(
	function() {


		

		//set up slider
		$(document).ready(function() {
			$("#OverSprayPanel #sliderPanel #slider").slider(
				{ 
					orientation: "vertical",
					change: sliderHandleChange,
					slide: sliderHandleSlide,
					min: 0,
					max: 100,
					value:100
				});

		});

		function sliderHandleChange(e, ui) {
			//no actions here			

		}

		function sliderHandleSlide(e, ui) {
			var maxScroll = $("#OverSprayPanel div.blog-holder").attr("scrollHeight") - $("#OverSprayPanel div.blog-holder").height();
			
			//alert(maxScroll);
			
			$("#OverSprayPanel div.blog-holder").attr({ scrollTop:  maxScroll - ( ui.value * (maxScroll / 100)) });

		}

		


	}
);