var $ps = window.jQuery;
$ps(document).ready(function() {
	$ps('#l1')[0].style.backgroundColor = '#eaebe2';

	var containerHeight = $ps('#scroller-wrapper').height();
	$ps('#scroller-inner').css("top", "0px");
	
	$ps('#l1').mouseover(function(event) {
		$ps('#scroller-inner').animate({
			top: (containerHeight * 0) + "px"
		}, 600);
		
		$ps('#l1').css("background", "#eaebe2");
		$ps('#l2').css("background", "");
		$ps('#l3').css("background", "");
	});
	
	$ps('#l2').mouseover(function(event) {
		$ps('#scroller-inner').animate({
			top: (containerHeight * -1) + "px"
		}, 600);
		
		$ps('#l1').css("background", "");
		$ps('#l2').css("background", "#eaebe2");
		$ps('#l3').css("background", "");
	});
	
	$ps('#l3').mouseover(function(event) {
		$ps('#scroller-inner').animate({
			top: (containerHeight * -2) + "px"
		}, 500);
		
		$ps('#l1').css("background", "");
		$ps('#l2').css("background", "");
		$ps('#l3').css("background", "#eaebe2");
	});
});