window.addEvent('domready', function() {
		var el = $('panelcontainer');
		var actual = 0;
		el.setStyle('top',0);
		el.set('tween', {transition:  Fx.Transitions.Quad.easeInOut, duration:600  });
					$('a1').addEvents({
								'click': function(e){
									e.stop();
									value = el.getProperty('top');
									pxactual = 0;
									el.tween('top', [value, pxactual]);
								}
								});
					$('a2').addEvents({
								'click': function(e){
									e.stop();
									value = el.getProperty('top');
									pxactual = -335*1;
									el.tween('top', [value, pxactual]);
								}
								});
					$('a3').addEvents({
								'click': function(e){
									e.stop();
									value = el.getProperty('top');
									pxactual = -335*2;
									el.tween('top', [value, pxactual]);
								}
								});
					$('a4').addEvents({
								'click': function(e){
									e.stop();
									value = el.getProperty('top');
									pxactual = -335*3;
									el.tween('top', [value, pxactual]);
								}
								});
					$('a5').addEvents({
								'click': function(e){
									e.stop();
									value = el.getProperty('top');
									pxactual = -335*4;
									el.tween('top', [value, pxactual]);
								}
								});								
});