var hideLoginForm;

function hideLoginFormIfClickedElsewhere(event) {
	if (event) {
		if (!$(event.target).getParent('#login-form-container') && $(event.target) != $('login-form-container')) {
			hideLoginForm();
		}
	}
}

function showLoginForm() {
	$$('body')[0].addEvent('click', hideLoginFormIfClickedElsewhere);
	$('login-form-container').setStyle('display', 'block');
}

hideLoginForm = function(event) {
	$$('body')[0].removeEvent('click', hideLoginFormIfClickedElsewhere);
	$('login-form-container').setStyle('display', 'none');
};

window.addEvent('domready', function() {
	var loginButton = $$('#login .kirjaudu-sisaan')[0];
	if (loginButton) {
		loginButton.addEvent('click', function(event) {
			event.stop();
			if ($('login-form-container').getStyle('display') != 'none') {
				hideLoginForm();
			} else {
				showLoginForm();
			}
		});
		$$('#login-form-container button').setStyle('display', 'none');
		var cuteLoginButton = new Element('div', { 'class': 'button', html: '<span>Kirjaudu sisään</span>'});
		cuteLoginButton.addEvent('click', function(event) { $$('#login-form-container form')[0].submit(); });
		cuteLoginButton.inject($('login-form-container'));
	}
	if ($$('#login .login-error')[0]) {
		showLoginForm();
	}
});