// JavaScript Document

var LOGIN_MAX_STEP = 4;
var LOGIN_TIMEOUT = 30;

var loginState = 0;
function loginButtonPressed(showText) {
	if (loginState == 0) showLogin(showText);
	else if (loginState == 2) loginUser();
}

function showLogin(showText) {
	loginState = 1;
	var e = document.getElementById('login_form_inputs');
	if (!e.login) e.login = {step:0};
	if (e.login.timer) clearTimeout(e.login.timer);
	if (e.login.step < LOGIN_MAX_STEP) {
		e.login.step++;
		var h = Math.floor(e.originalHeight / LOGIN_MAX_STEP) * e.login.step;
		e.style.height = h + 'px';
		e.login.timer = setTimeout(function() {showLogin(showText);}, LOGIN_TIMEOUT);
	} else {
		e.style.height = e.originalHeight + 'px';
		document.getElementById('login_hide').style.visibility = 'visible';
		document.getElementById('login_button').innerHTML = showText;
		document.getElementById('login_button').className = 'login_button_login';
		loginState = 2;
	}
}
function hideLogin(hideText) {
	loginState = 1;
	document.getElementById('login_hide').style.visibility = 'hidden';
	var e = document.getElementById('login_form_inputs');
	if (!e.login) e.login = {step:LOGIN_MAX_STEP};
	if (e.login.timer) clearTimeout(e.login.timer);
	if (e.login.step > 0) {
		e.login.step--;
		var h = Math.floor(e.originalHeight / LOGIN_MAX_STEP) * e.login.step;
		e.style.height = h + 'px';
		e.login.timer = setTimeout(function() {hideLogin(hideText);}, LOGIN_TIMEOUT);
	} else {
		e.style.height = '0px';
		document.getElementById('login_hide').style.visibility = 'hidden';
		document.getElementById('login_button').innerHTML = hideText;
		document.getElementById('login_button').className = '';
		loginState = 0;
	}
}

var LANG_STEP = 20;
var LANG_TIMEOUT = 50;
function showLanguage(lang) {
	var e = document.getElementById('lang_' + lang);
	fadeIn(e, LANG_STEP, LANG_TIMEOUT);
}

function hideLanguage(lang) {
	var e = document.getElementById('lang_' + lang);
	fadeOut(e, LANG_STEP, LANG_TIMEOUT);
}