/* FX.Slide */
/* Works with mootools-release-1.2 */
/* more info at http://demos.mootools.net/Fx.Slide */

window.addEvent('domready', function(){
	var myPanel1 = new Fx.Slide('panel1',{duration: '450'}).hide();
	var myPanel2 = new Fx.Slide('panel2',{duration: '450'}).hide();

    $('showPanel1').addEvent('click', function(e1){
		e1 = new Event(e1);
        myPanel2.slideOut();
		(function(){
			myPanel1.toggle();
		}).delay(10, this);
		e1.stop();
	});

    $('showPanel2').addEvent('click', function(e2){
		e2 = new Event(e2);
        myPanel1.slideOut();
		(function(){
			myPanel2.toggle();
		}).delay(10, this);
		e2.stop();
	});

    $('close1').addEvent('click', function(e3){
		e3 = new Event(e3);
		myPanel1.slideOut();
		e3.stop();
	});

    $('close2').addEvent('click', function(e4){
		e4 = new Event(e4);
		myPanel2.slideOut();
		e4.stop();
	});
	
	$('panelHolder').setStyle('display','block');


});