[JavaScript] Mootools Slider

<script language="JavaScript"> 
window.addEvent('domready', function(){

 $('login').setStyle('height','auto');
 
 var mySlide = new Fx.Slide('login').hide(); //starts the panel in closed state 

 $('toggleLogin').addEvent('click', function(e){
 e = new Event(e);
 mySlide.toggle();
 e.stop();
 });

 $('closeLogin').addEvent('click', function(e){
 e = new Event(e);
 mySlide.slideOut();
 e.stop();
 });
 
});

</script> 

<!-- Login-->
 <div id="login">
 {if not $registered_customer}
 {form type=form name=create_account action='customer' paction='login' link_params=getParams method=post conn=SSL}

 {form type=hidden name=action value=login}

 {form type=hidden name=link_target value=index}
 
 <div class="loginContent">
 <strong>{txt key=text_email}:</strong>
 {form type=text name=email maxlength='50' style='width:170px;'}
 <strong>{txt key=text_password}:</strong>
 {form type=password name=password maxlength='30' style='width:170px;'}
 {button text=$smarty.const.BUTTON_LOGIN file='login.gif' type='form'}
 
 <br><br>
 <a href="{link page='customer' paction='password_reset' conn=SSL}">{txt key=text_link_lostpassword}</a>

 
 </div>
 {form type=formend}
 <div class="loginClose"><a href="#" id="closeLogin">Schlie&szlig;en</a></div>
 {/if}
 </div> <!-- /login -->