window.addEvent('domready', function(){

	var morph = new Fx.Morph('scroller');
	
	  if(parseInt($('scroller').getStyle('top'))!=336)
		{
	  	$('up').setStyle('display', 'block');
		}
		else
		{
		 $('up').setStyle('display', 'none');
		}

		if(parseInt($('scroller').getStyle('top'))!=0)
		{
	  	$('down').setStyle('display', 'block');
		}
		else
		{
		 $('down').setStyle('display', 'none');
		}
	
		$('up').addEvent('click', function(e) {
			e.stop();
			valor=parseInt($('scroller').getStyle('top'));  
			topper=valor-84;
			altura=parseInt($('scroller').getStyle('height'))+topper;
      if(altura!=336){
			morph.start({
				top: topper

			});
			 $('down').setStyle('display', 'block');
			}
			else
			{
			 $('up').setStyle('display', 'none');
			}

		});
		$('down').addEvent('click', function(e) {
			e.stop();
			valor=parseInt($('scroller').getStyle('top'));
			topper=valor+84;
			if(valor!=0){
			morph.start({
				top: topper

			});
				$('up').setStyle('display', 'block');
			}
			else
			{
			 $('down').setStyle('display', 'none');
			}
		});

});