var $ps = window.jQuery;
$ps(document).ready(function() {
	$ps('#l1')[0].style.background = 'url(/Websites/seasonallivingokc/templates/seasonalliving/images/bg_feature_nav_over.gif) no-repeat 0 0';
	$ps('#l1')[0].style.color = '#009de0';

	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", "url(/Websites/seasonallivingokc/templates/seasonalliving/images/bg_feature_nav_over.gif) no-repeat 0 0");
		$ps('#l2').css("background", "");
		$ps('#l3').css("background", "");
		$ps('#l4').css("background", "");
		$ps('#l5').css("background", "");
		$ps('#l1').css("color", "#009de0");
		$ps('#l2').css("color", "#ffa11d");
		$ps('#l3').css("color", "#ffa11d");
		$ps('#l4').css("color", "#ffa11d");
		$ps('#l5').css("color", "#ffa11d");
	});
	
	$ps('#l2').mouseover(function(event) {
		$ps('#scroller-inner').animate({
			top: (containerHeight * -1) + "px"
		}, 600);
		
		$ps('#l1').css("background", "");
		$ps('#l2').css("background", "url(/Websites/seasonallivingokc/templates/seasonalliving/images/bg_feature_nav_over.gif) no-repeat 0 0");
		$ps('#l3').css("background", "");
		$ps('#l4').css("background", "");
		$ps('#l5').css("background", "");
		$ps('#l1').css("color", "#ffa11d");
		$ps('#l2').css("color", "#009de0");
		$ps('#l3').css("color", "#ffa11d");
		$ps('#l4').css("color", "#ffa11d");
		$ps('#l5').css("color", "#ffa11d");
	});
	
	$ps('#l3').mouseover(function(event) {
		$ps('#scroller-inner').animate({
			top: (containerHeight * -2) + "px"
		}, 600);
		
		$ps('#l1').css("background", "");
		$ps('#l2').css("background", "");
		$ps('#l3').css("background", "url(/Websites/seasonallivingokc/templates/seasonalliving/images/bg_feature_nav_over.gif) no-repeat 0 0");
		$ps('#l4').css("background", "");
		$ps('#l5').css("background", "");
		$ps('#l1').css("color", "#ffa11d");
		$ps('#l2').css("color", "#ffa11d");
		$ps('#l3').css("color", "#009de0");
		$ps('#l4').css("color", "#ffa11d");
		$ps('#l5').css("color", "#ffa11d");
	});
	
	$ps('#l4').mouseover(function(event) {
		$ps('#scroller-inner').animate({
			top: (containerHeight * -3) + "px"
		}, 600);
		
		$ps('#l1').css("background", "");
		$ps('#l2').css("background", "");
		$ps('#l3').css("background", "");
		$ps('#l4').css("background", "url(/Websites/seasonallivingokc/templates/seasonalliving/images/bg_feature_nav_over.gif) no-repeat 0 0");
		$ps('#l5').css("background", "");
		$ps('#l1').css("color", "#ffa11d");
		$ps('#l2').css("color", "#ffa11d");
		$ps('#l3').css("color", "#ffa11d");
		$ps('#l4').css("color", "#009de0");
		$ps('#l5').css("color", "#ffa11d");
	});
	
	$ps('#l5').mouseover(function(event) {
		$ps('#scroller-inner').animate({
			top: (containerHeight * -4) + "px"
		}, 500);
		
		$ps('#l1').css("background", "");
		$ps('#l2').css("background", "");
		$ps('#l3').css("background", "");
		$ps('#l4').css("background", "");
		$ps('#l5').css("background", "url(/Websites/seasonallivingokc/templates/seasonalliving/images/bg_feature_nav_over.gif) no-repeat 0 0");
		$ps('#l1').css("color", "#ffa11d");
		$ps('#l2').css("color", "#ffa11d");
		$ps('#l3').css("color", "#ffa11d");
		$ps('#l4').css("color", "#ffa11d");
		$ps('#l5').css("color", "#009de0");
	});
});