document.observe("dom:loaded", function() {
	$$('.login').first().hide();
	$$('.send_home').first().hide();
	new Ajax.Request('/user_sessions/check', {
		method: 'get',
		onComplete: function(transport) {
			var data = transport.responseText.evalJSON();
			$$('.loading_placeholder').first().hide();
			if (data.result) {
				$$('.send_home').first().show();
			}
			else {
				$$('.login').first().show();
			}
		}
	});


	$$('.center_area').each(function(element) {
		if(element.empty())
			element.addClassName('empty');
	});
	
	document.observe('click', function(event) {
		event.element().fire('dom:click');
		// event.stop();
	});
	
	$$('.login_box').invoke('hide');
	$$('.login').invoke('observe', 'dom:click', function(event) {
		var loginBox = $$('.login_box').first();
		if(loginBox.visible()) {
			loginBox.hide();
			loginBox.down('.incorrect').hide();
		}
		else {
			loginBox.show();
			loginBox.setStyle({
				right: document.viewport.getWidth() - this.cumulativeOffset().left - 12 - this.getWidth() + 'px'
			});
			loginBox.down('.arrow').setStyle({
				right: this.getWidth()/2 + 6 - 10 + 'px'
			});
		}
	});
	
	$$('.login_box input').invoke('observe', 'keydown', function(event) {
		if(event.keyCode == Event.KEY_RETURN) {
			$$('.login_box a').invoke('fire', 'dom:click');
			event.stop();
		}
	});
	
	$$('.login_box a').invoke('observe', 'dom:click', function(event) {
		this.update('working...');
		
		var username = $('username_field').value;
		var password = $('password_field').value;
		new Ajax.Request('/user_sessions/login', {
			method: 'get',
			parameters: {login: username, password: password, remember_me: 0},
			onComplete: function(transport) {
				var data = transport.responseText.evalJSON();
				
				if (data.result) {
					window.location = "/user_sessions/sendToHomepage"
				}
				else {
					$$('.login_box a').invoke('update', 'Login');
					$$('.login_box .incorrect').invoke('show');
				}
			}
		});
	});
});