window.addEvent('domready', function() {


	var signInOutLink = $("signInLink");
	if (signInOutLink) {
		signInOutLink.onclick = function() {
			Show();
		};
	}

	Show = function() {
		SqueezeBox.fromElement(Build(), { // empty() called on applyContent
			handler: 'adopt',
			classWindow: 'modal',
			classOverlay: 'wizard-overlay',
			closeWithOverlay: false,
			zIndex: 9501,
			size: {x: 500, y: 'auto'},
			//onOpen: this.attachSignInEvents.bind(this)
		});
	}



	Build = function() {

		var content = '';

		content += '<div id="signinWrapper" class="autoclear">';
		content += '<h2 class="title"> Sign in </h2>';
		// Sign-in form
		content += '<form id="signinForm" method="post" action="/translate/signin.php">';
		content += '<p id="signinError" class="error" style="display:none"></p>';
		content += '<p class="field">';
		content +=   '<label id="signinEmailLabel" for="signinEmail"> Email: </label>';
		content +=   '<input id="email" name="email" type="text" class="text email" maxlength="50" tabindex="1" />';
		content += '</p>';
		content += '<p class="field">';
		content +=   '<label id="signinPasswordLabel" for="signinPassword"> Password:</label>';
		content +=   '<input id="password" name="password" type="password" class="text password" maxlength="50" tabindex="2" />';
		content += '</p>';
		content += '<p>';
		content +=   '<label for="signinSessionOnly" style="display:inline;"> Remember me </label><input id="signinSessionOnly" name="session_only" type="checkbox" class="checkbox" value="1" tabindex="3" />';
		content += '</p>';
		content += '<p class="submit">';
		content +=   '<input id="signinButton" type="submit" class="nv-button nv-primary-button" value=" Sign in " tabindex="4" />';
		content += '</p>';
		content += '</form>';

		// Sign-up teaser
		content += '<div id="signupTeaser">';
		content +=   '<h3> Not a member yet? </h3>';
		content +=   '<p><a id="signupNow" class="nv-button"><span> Sign up </span></a></p>';
		content += '</div>';

		content += '</div>';


		var signinWrapper = new Element('div', {id: 'nv-signin'}).set('html', content);


		return signinWrapper;
	}

});