var loginOn = false;
var loggedIn = false;
var submittedLogin = false;
var submittedLogout = false;

var showLoading = function() {
	$('overlay2').appear({duration:0.5, to: 0.8, afterFinish: function() { $('laodingText').show(); } });
}

var hideLoading = function() {
	$('overlay2').fade({duration:0.5, afterFinish: function() { $('laodingText').hide(); } });
}

var showSmallLoading = function() {
	$('smallLoading').show();
}

var hideSmallLoading = function() {
	$('smallLoading').hide();
}

var toggleLoginBox = function() {
	new Effect.toggle('login-box', 'blind', { duration: 0.5, afterFinish: function() { if(!ie) $('loginname').focus(); }});
	if(loginOn) {
		loginOn = false;
		$('login-link').removeClassName('active');
		$('login-link').update('Login <span id="login_arrow">&dArr;</span>');
	} else {
		$('login-link').addClassName('active');
		$('login-link').update('Login <span id="login_arrow">&uArr;</span>');
		loginOn = true;
	}

}

var showError = function(error_text) {
	$('error-div').select('div').first().update(error_text);
	$('error-div').blindDown({
		duration: 1,
		afterFinish: function() {
			$('error-div').blindUp({
				duration: 1,
				delay: 2
			});
		}
	});
}

var submitThinkLoginForm = function() {
	$('ThinkLoginForm').submit();
}

var init = function() {
	if($('login-link')) {
		$('ThinkLoginForm').observe('submit', function(e) {
			e.stop();
			submitThinkLoginForm();
		});
		$('login-link').observe('click', toggleLoginBox);
		$('login-button').observe('click', submitThinkLoginForm);
	} else {
		//$('logout-link').observe('click', logout);
	}
}

var windowLoad = function() {
	init();
}

Event.observe(window, 'load', windowLoad);