var loginTabLink;
var loginTabID = 'nav-login-min';
var loginPaneID = 'nav-login-max';
var loginFadeTime = 0.4;
var loginSlideTime = 0.4;

function setupLoginAnim() {
	var loginTabLinkArr = document.getElementsBySelector('#nav-login-min a');
	loginTabLink = loginTabLinkArr[0];
	var loginTab = document.getElementById('nav-login-min');
	var loginPane = document.getElementById('nav-login-max');
	loginTabLink.href = "#";
	YAHOO.util.Event.addListener(loginTabLink, "click", animateLoginTab);
	
	var loginPaneCloseLink = document.getElementById('close-pane');
	YAHOO.util.Event.addListener(loginPaneCloseLink, "click", animateLoginPane);
}

function animateLoginTab(e) {
	var loginTabSlideUp = new YAHOO.util.Anim(loginTabID, { top: { to: -20 } }, loginFadeTime, YAHOO.util.Easing.easeOut);
	var loginPaneSlideDown = new YAHOO.util.Anim(loginPaneID, { top: { from: -95, to: 0 } }, loginSlideTime, YAHOO.util.Easing.easeOut);
	loginTabSlideUp.onComplete.subscribe(function() { YAHOO.util.Dom.setStyle(loginTabID, 'display', 'none'); YAHOO.util.Dom.setStyle(loginPaneID, 'display', 'block'); loginPaneSlideDown.animate(); });
	loginTabSlideUp.animate();

	return false;
}

function animateLoginPane(e) {
	var loginPaneSlideUp = new YAHOO.util.Anim(loginPaneID,  { top: { to: -95, from: 0 } }, loginSlideTime, YAHOO.util.Easing.easeOut);
	var loginTabSlideDown = new YAHOO.util.Anim(loginTabID, { top: { to: 0 } }, loginFadeTime, YAHOO.util.Easing.easeOut);
	loginPaneSlideUp.onComplete.subscribe(function() { YAHOO.util.Dom.setStyle(loginPaneID, 'display', 'none'); YAHOO.util.Dom.setStyle(loginTabID, 'display', 'block'); loginTabSlideDown.animate(); });
	loginPaneSlideUp.animate();
	return false;
}
YAHOO.util.Event.addListener(window, "load", setupLoginAnim, this);