var currentTop = 0;

function initScroll() {
	$(".htmlarea").css({position:"relative"});

	$(".scrollable .scroll-down").click(function () {
		if(currentTop>($(".scrollable").height()-$(".htmlarea").height())) {
			currentTop = currentTop - 150;
			$(".htmlarea").animate({
				top:currentTop + "px"
			}, 600);
		}
		return false;
    });

	$(".scrollable .scroll-up").click(function () {
		if(currentTop<0) {
			currentTop = currentTop + 150;
			$(".htmlarea").animate({
				top:currentTop + "px"
			}, 600);
		}
		return false;
    });

	$("#altscroll .scroll-down").click(function () {
		if(currentTop>($(".sidebarscrollcontainer").height()-$("#sidebarcontent").height())) {
			currentTop = currentTop - 150;
			$("#sidebarcontent").animate({
				top:currentTop + "px"
			}, 600);
		}
		return false;
    });

	$("#altscroll .scroll-up").click(function () {
		if(currentTop<0) {
			currentTop = currentTop + 150;
			$("#sidebarcontent").animate({
				top:currentTop + "px"
			}, 600);
		}
		return false;
    });

}

$(document).ready(function() {
   initScroll();
 });