window.addEvent('domready', function(){
	$('login').setStyle('height','auto');
	var mySlide = new Fx.Slide('login').show();  //starts the panel in open state - use 'hide' for closed state
 	// var mySlide = new Fx.Slide('login', { duration:800, transition: Fx.Transitions.Bounce.easeInOut}).hide(); //for bounce effect
 
    //Show-Hide login panel when you click the link "Login" on top of the page
    $('toggleLogin').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle(); //show-hide login panel
		e.stop();
	});
 
    //Hide login panel when you click the button close on the upper-right corner of the login panel
//    $('closeLogin').addEvent('click', function(e){
//		e = new Event(e);
//		mySlide.slideOut(); //Hide login panel
//		e.stop();
//	});
});