var LogInForm = {
	Class : function(loginField, passwdField) {
		var self = this;
		var curtain = document.createElement('div');
		var element = document.createElement('div');
		var body = document.getElementsByTagName('body')[0];
		
		var positionTop = Math.round(element.offsetHeight / 2);
		var positionLeft = Math.round(element.offsetWidth / 2);
		
		curtain.className = 'overlay';
		curtain.style.height = Math.max(body.offsetHeight, Environment.getHeight()) + 'px';
		curtain.onclick = function() { self.Hide(); };

		element.className = 'warstwa logowanie';
		element.innerHTML =
			'<div class="link-rejestracja">' +
				'<a title="Rejestracja" href="' + urlPrefix + '/rejestracja">Rejestracja</a>' +
			'</div>' +
			'<div class="frm frm13">' +
				'<form method="post" action="">' +
					'<fieldset>' +
						'<legend>Logowanie</legend>' +
						'<ul>' +
							'<li class="fii">' +
								'<label for="l10">' +
									'<em>Login:</em>' +
									'<input type="text" id="l10" name="' + loginField + '" />' +
								'</label>' +
							'</li>' +
							'<li>' +
								'<ul>' +
									'<li class="fii">' +
										'<label for="l20">' +
											'<em>Hasło:</em>' +
											'<input type="password" id="l20" name="' + passwdField + '" />' +
										'</label>' +
									'</li>' +
									'<li class="fib fib-zaloguj-sie">' +
										'<button id="l29" type="submit">zaloguj się</button>' +
									'</li>' +
								'</ul>' +
							'</li>' +
							'<li>' +
								'<ul class="mt6">' +
									'<li class="fic">' +
										'<label for="l30">' +
											'<input type="checkbox" id="l30"/>' +
											'<em>zapamiętaj mnie</em>' +
										'</label>' +
									'</li>' +
									'<li class="hot">' +
										'<a title="zapomniałem hasła" href="' + urlPrefix + '/przypomnijHaslo">zapomniałem hasła ></a> <span class="info" onmouseover="dymekLogowaniePrzypomnienie(this)">info</span>' +
									'</li>' +
								'</ul>' +
							'</li>' +
						'</ul>' +
					'</fieldset>' +
				'</form>' +
			'</div>';
		
		self.Show = function() {
			body.appendChild(curtain);
			body.appendChild(element);
			
			curtain.style.top = Environment.getScrollTop() + 'px';
			element.style.left = Math.round((Environment.getWidth() - element.offsetWidth) / 2) + 'px';
			element.style.top = (Math.round((Environment.getHeight() - element.offsetHeight) / 2) + Environment.getScrollTop()) + 'px';
			
			document.getElementById('l10').focus();
		}
		self.Hide = function() {
			body.removeChild(element);
			body.removeChild(curtain);
		}
	},
	Show : function(loginField, passwdField) {
		var form = new LogInForm.Class(loginField, passwdField);
		form.Show();
	}
}