function scrollContent (scrollElement, increment, currentStaff)
{
	
	var scrollTo = increment;
	var scrollMax = $(scrollElement).height();
	$(scrollElement).before('<div class="scrolling-content">');
	var scrollFrame = $('div.scrolling-content').height();
	$('div.scrolling-content').append($(scrollElement));
	$('div.scrolling-content').css({'overflow' : 'hidden', 'position' : 'relative'});
	$('div.scrolling-content').before('<a href="#" class="scroll-up-inactive" title="scroll up">scroll up</a>');
	$('div.scrolling-content').after('<a href="#" class="scroll-down" title="scroll down">scroll down</a>');
	$(scrollElement).css({'position' : 'absolute', 'top' : '0px'});
	var upBtn = $('a.scroll-up-inactive');
	var downBtn = $('a.scroll-down');
	var staffMarker;
	var timeOut = 800;
	var scrollUp;
	var scrollDown;
	
	
	if(currentStaff == '')
	{
		staffMarker = 0;
		var activeLI = $('ul.bios li')[0];
		$(activeLI).addClass('active');
	}
	else
	{
		for(i=0;i<$('ul.bios li').length;i++)
		{
			if($('ul.bios li')[i].className == currentStaff)
			{
				staffMarker = i;
				var activeLI = $('ul.bios li')[i];
				$(activeLI).addClass('active');
			}
		}
	}

	
	$(upBtn).hover(function () { 
		scrollUp = setInterval(function () {		
			$(downBtn).hasClass("scroll-down-inactive") ? scrollTo = scrollTo + increment : '';
			var scrollPos = $(scrollElement).css('top');
			var bottomDistance =  parseInt(scrollPos.substring(0,scrollPos.indexOf('p')));
			if(bottomDistance != scrollMax)
			{	
				$(downBtn).addClass('scroll-down');
				$(downBtn).removeClass('scroll-down-inactive');
			}
			else
			{
				$(downBtn).addClass("scroll-down-inactive");
				$(downBtn).removeClass("scroll-down");
			}			
			bottomDistance < 0 ? $(scrollElement).animate({top: '-' + (scrollTo - (increment * 2)) + 'px'}, 400) : $(scrollElement).animate({top : '0px'}, 800);
			bottomDistance < 0 ? scrollTo = scrollTo - increment : '';
		
			if(bottomDistance >= - increment)
			{
				$(upBtn).addClass('scroll-up-inactive');
				$(upBtn).removeClass('scroll-up');
			}
			return false;
		}, timeOut);
	}, function () {
		clearInterval(scrollUp);
	});
	
	$(downBtn).hover(function () { 
		scrollDown = setInterval(function () {
			var scrollPos = $(scrollElement).css('top');
			var topDistance = scrollMax - scrollFrame + parseInt(scrollPos.substring(0,scrollPos.indexOf('p')));
			topDistance > increment ? $(scrollElement).animate({top: '-' + scrollTo + 'px'}, 400) : $(scrollElement).animate({top : '-' + (scrollMax - scrollFrame) + 'px'}, 800);
			topDistance > increment ? scrollTo = scrollTo + increment : '';
		
			if(topDistance > increment)
			{	
				$(downBtn).addClass('scroll-down');
				$(downBtn).removeClass('scroll-down-inactive');
			}
			else
			{
				 $(downBtn).addClass("scroll-down-inactive");
				 $(downBtn).removeClass("scroll-down");
			}

			if(scrollTo > increment)
			{
				$(upBtn).addClass('scroll-up');
				$(upBtn).removeClass('scroll-up-inactive');		
			}
			else
			{
				 $(upBtn).addClass("scroll-up");
				 $(upBtn).removeClass("scroll-up-inactive");
			}
			return false;
		}, timeOut);
	}, function () {
		clearInterval(scrollDown);
	});
	
	
	if(staffMarker > 0)
	{
		for(i=0;i<staffMarker;i++)
		{
			var scrollPos = $(scrollElement).css('top');
			var topDistance = scrollMax - scrollFrame + parseInt(scrollPos.substring(0,scrollPos.indexOf('p')));
			topDistance > increment ? $(scrollElement).animate({top: '-' + scrollTo + 'px'}, 0) : $(scrollElement).animate({top : '-' + (scrollMax - scrollFrame) + 'px'}, 800);
			topDistance > increment ? scrollTo = scrollTo + increment : '';

			if(topDistance > increment)
			{	
				$(downBtn).addClass('scroll-down');
				$(downBtn).removeClass('scroll-down-inactive');
			}
			else
			{
				 $(downBtn).addClass("scroll-down-inactive");
				 $(downBtn).removeClass("scroll-down");
			}

			if(scrollTo > increment)
			{
				$(upBtn).addClass('scroll-up');
				$(upBtn).removeClass('scroll-up-inactive');		
			}
			else
			{
				 $(upBtn).addClass("scroll-up");
				 $(upBtn).removeClass("scroll-up-inactive");
			}
		}
	}
	
	
	
	
}
