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

	var mySlide = new Fx.Slide('myPanel');
	mySlide.hide();
				
	var fx = new Fx.Styles($('openPanel'), {duration:500, wait:false});		
	$('openPanel').addEvent('click', function(e){
		mySlide.toggle();
		fx.start({
			'opacity': 0	
		}).chain(function(){
			$('openPanel').setStyle('display', 'none');
			$('closePanel').setStyle('display', 'block');
			$('closePanel').setStyle('opacity', '0');
			fx1.start({
				'opacity': 1
			});
		});
	});
	
	var fx1 = new Fx.Styles($('closePanel'), {duration:500, wait:false});		
	$('closePanel').addEvent('click', function(e){
		mySlide.toggle();
		fx1.start({
			'opacity': 0
		}).chain(function(){
			$('openPanel').setStyle('display', 'block');
			$('closePanel').setStyle('display', 'none');
			$('openPanel').setStyle('opacity', '0');
			fx.start({
				'opacity': 1
			});
		});
	});
						
});