var scrollPos = 0;
var scrollTimer = null;

$(document).ready(function() {
	$("#scroll-up").bind('mousedown', startUp);
	$("#scroll-up").bind('mouseup', stopUp);
	$("#scroll-down").bind('mousedown', startDown);
	$("#scroll-down").bind('mouseup', stopDown);
	$(document).bind('mouseup', function() {
		stopUp();
		stopDown();
	});
	$("#contact").bind('mouseover', function() {
		$("#contact-image").attr("src", "static/img/contact-on.gif");
	});
	$("#contact").bind('mouseout', function() {
		$("#contact-image").attr("src", "static/img/contact-off.gif");
	});
});

function startDown() {
	scrollTimer = setTimeout("doDown()", 10);
}

function doDown() {
	if(scrollTimer) {
		scrollTimer = setTimeout("doDown()", 10);
	}
	if(scrollPos < $("#content").attr("scrollHeight")-$("#content").height()) {
		scrollPos += 10;
	} else {
		scrollPos = $("#content").attr("scrollHeight")-$("#content").height();
	}
	$("#content").attr({scrollTop: scrollPos });
}

function stopDown() {
	clearTimeout(scrollTimer);
	scrollTimer = null;
}

function startUp() {
	scrollTimer = setTimeout("doUp()", 10);
}

function doUp() {
	if(scrollTimer) {
		scrollTimer = setTimeout("doUp()", 10);
	}
	if(scrollPos > 0) {
		scrollPos -= 10;
	} else {
		scrollPos = 0;
	}
	$("#content").attr({scrollTop: scrollPos });
}

function stopUp() {
	clearTimeout(scrollTimer);
	scrollTimer = null;
}