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

				
	$('openPanel').addEvent('click', function(e){
    var div = $('myPanel').setStyles({
		  display:'block',
		  opacity: 0
	  });
	  var div1 = $('openPanel').setStyles({
		  display:'none',
		  opacity: 0
	  });
	  var div2 =  $('closePanel').setStyles({
		  display:'block',
		  opacity: 0
	  });
	  new Fx.Style(div1, 'opacity', {duration: 100} ).start(1);	
	  new Fx.Style(div2, 'opacity', {duration: 100} ).start(1);	
	  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);	});
	
	$('closePanel1').addEvent('click', function(e){
    var div = $('myPanel').setStyles({
		  display:'none',
		  opacity: 0
	  });
	  var div1 = $('openPanel').setStyles({
		  display:'block',
		  opacity: 0
	  });
	  var div2 =  $('closePanel').setStyles({
		  display:'none',
		  opacity: 0
	  });
	  new Fx.Style(div2, 'opacity', {duration: 100} ).start(1);	
	  new Fx.Style(div1, 'opacity', {duration: 100} ).start(1);	
	  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);	});
						
	$('closePanel').addEvent('click', function(e){
    var div = $('myPanel').setStyles({
		  display:'none',
		  opacity: 0
	  });
	  var div1 = $('openPanel').setStyles({
		  display:'block',
		  opacity: 0
	  });
	  var div2 =  $('closePanel').setStyles({
		  display:'none',
		  opacity: 0
	  });
	  new Fx.Style(div2, 'opacity', {duration: 100} ).start(1);	
	  new Fx.Style(div1, 'opacity', {duration: 100} ).start(1);	
	  new Fx.Style(div, 'opacity', {duration: 500} ).start(1);	});
});