Ext.onReady(function() {
	
	var link = Ext.get("rep_login");
	
	link.on('click', function() {
		animationOptions = {easing: 'easeIn', duration: 0.55}
		
		var loginBox = Ext.get("loginBox");
		if(loginBox.isVisible())
		{
			loginBox.toggle(animationOptions);
		}
		else
		{
			loginBox.anchorTo(link, 'bl', [-135,4]);
			loginBox.toggle(animationOptions);
			
			
			
			Ext.get("username").focus();
		}		
		
		Ext.get("login_form").on("submit", function() {
			loginBox.toggle(animationOptions);
		});
		Ext.get("closeLogin").setStyle("z-index", "100000");
		Ext.get("closeLogin").on("click", function() {
			loginBox.toggle(animationOptions)
		});
		
		Ext.get("closeLogin").on("mouseover", function() {
			Ext.get("closeLogin").setStyle("cursor", "hand");
			Ext.get("closeLogin").setStyle("cursor", "pointer"); 
			
		});
		
		
	});
	
	
})