$(document).ready(function(){
	
	$("#portfolio-box ul li:first-child").show();
	$("#portfolio-box ul li:first-child").addClass("selected");
	
	$('#portfolio-links a').click(function(){
		$(".selected").removeClass();
		$(this).addClass("selected");
		$("#portfolio-box ul li").fadeOut("slow");
		$($(this).attr('href')).fadeIn("slow");
		$($(this).attr('href')).addClass("selected");
		return false;
	});
	
	var scrollupinterval = 0;
	var scrolldowninterval = 0;
	var scrollspeed = 10;
	
	$(".scrollup").mouseover(function(){
		$(this).fadeTo(300, 1);
		scrollupinterval = setInterval(function(){
			$(".content").scrollTop($(".selected .content").scrollTop() - scrollspeed);
		}, 30);
	}).mouseout(function(){
		$(this).fadeTo(300, 0);
		clearInterval(scrollupinterval);
	});
	
	$(".scrolldown").mouseover(function(){
		$(this).fadeTo(100, 1);
		scrolldowninterval = setInterval(function(){
			$(".selected .content").scrollTop($(".selected .content").scrollTop() + scrollspeed);
		}, 30);
	}).mouseout(function(){
		$(this).fadeTo(300, 0);
		clearInterval(scrolldowninterval);
	});
});