jQuery(function( $ ){

	$(inactiveContentStates = function() {
		var elemC = $('#content');
		if (elemC[0].scrollHeight - elemC.scrollTop() == elemC.outerHeight()) {
			$('#scrollDown').animate({"opacity":"0"}, 200);
		} else {
			$('#scrollDown').animate({"opacity":"1"}, 200);
		}
		
		if (elemC.scrollTop() == 0) {
			$('#scrollUp').animate({"opacity":"0"}, 200);
		} else {
			$('#scrollUp').animate({"opacity":"1"}, 200);
		}
	});




/* BEGIN CONTENT SCROLLER INITIALIZATION */

	// Resets pane to (0,0)
	$('#content').scrollTo( 0 );
	
	$('#scrollDown').click(function(){
		$('#content').stop().scrollTo( '+=175', 500,
			{ onAfter:function(){
				inactiveContentStates();
			}
		});
	});

	$('#scrollUp').click(function(){
		$('#content').stop().scrollTo( '-=175', 500,
			{ onAfter:function(){
				inactiveContentStates();
			}
		});
	});

/* END CONTENT SCROLLER INITIALIZATION */
});