Event.observe(window,'load',function(e)
 {
	$$('a[rel=scroll]').each(function(el){
		el.observe('click',function(e){
			var scrollsize=50;
		
			var a=e.element().id.split('-');
			var se=$(a[0]);
			var top=parseInt(se.getStyle('top'));
			if(!top){top=0;}			
			switch(a[1])
			{
				case 'scrolldown':				
					if(se.clientHeight-se.parentNode.clientHeight>Math.abs(top))
					{						
						se.morph('top:'+(top-scrollsize)+'px');
					}
				break;
				case 'scrollup':
					if(top<0)
					{
						top+=scrollsize;
						if(top>0){top=0;}
						se.morph('top:'+top+'px');
					}
				break;
			}		
		});	
	});	
 });