$(document).ready(function() {

    if ($('#contentContainer').height() > $('#content').height()){
	$('#scrollUp').css('display','block');
	$('#scrollDown').css('display','block');
    }

    // INIT:
    $('#scrollUp').mouseover(onMouseOver);
    $('#scrollDown').mouseover(onMouseOver);
    $('#scrollUp').mouseout(onMouseOut);
    $('#scrollDown').mouseout(onMouseOut);
});

function onMouseOver(event){
    if ($(event.target).attr('id') == 'scrollUp'){
	difference = 0 - ($('#contentContainer').position().top);
	speed = difference*10;
	$('#contentContainer').animate({
	    top: 0+'px'
	},speed);
    }else {
	difference = 0 - $('#contentContainer').height() + $('#content').height();
	speed = (difference*-1)*10;
	$('#contentContainer').animate({
	    top: difference+'px'
	    },speed);
    }
}
function onMouseOut(event){
    $('#contentContainer').stop();
}

function up(target){
    alert('up');
}
function down(target){
    alert('down');
}