var Login = new Object ();

/*

*/

// set carte object
Login.initialize = function ()
{
	this.dimmer 		= null;
	this.login_div 	= null;
	this.form 			= null;
};

// create login interface
Login.create = function ()
{
	var dimmer = document.createElement ("DIV");
		dimmer.style.position = "fixed";
		dimmer.style.width = "100%";
		dimmer.style.height = "100%";
		dimmer.style.zIndex = "100";
		dimmer.style.backgroundColor = "black";
		if (isSet(dimmer.style.opacity))
			dimmer.style.opacity = 0.7;
		else
			dimmer.style.filter='alpha(opacity = 70)';
		dimmer.onclick = Login.close;
	this.dimmer = dimmer;
	appendAsFirst (dimmer, document.body);
	
	var login_div = document.createElement('DIV');
		login_div.id = "login";
		login_div.style.zIndex = "101";
	this.login_div = login_div;
	appendAsFirst (login_div, document.body);
	
	var h3 = document.createElement ("H3");
		h3.innerHTML = "Welcome to OtRider";
	
	var form = document.createElement ("FORM");
		form.action="login.php";
		form.method="POST";
		var username = document.createElement ("INPUT");
			username.type="text";
			username.name="customer_ID";
			username.className="floatRight";
		var password = document.createElement ("INPUT");
			password.type="password";
			password.name="password";
			password.className="floatRight";
		var signin = document.createElement ("INPUT");
			signin.type = "submit";
			signin.value = "";
			signin.className = "signin";
	form.appendChild (document.createTextNode ("Username: "));
	form.appendChild (username);
		form.appendChild (document.createElement ("BR"));
		form.appendChild (document.createElement ("BR"));
	form.appendChild (document.createTextNode ("Password: "));
	form.appendChild (password);
	form.appendChild (document.createElement ("BR"));
	form.appendChild (signin);
	
	this.form = form;
	
	/*var forgot = document.createElement ("A");
		forgot.className = "marginHorizontal_13 arial s12 bold underline";
		forgot.innerHTML = "Forgot your password?";*/
		
	var div 		 = document.createElement ("DIV");
	
	div.appendChild (h3);
		div.appendChild (document.createElement ("BR"));
	div.appendChild (form);
	/*	div.appendChild (document.createElement ("BR"));
	div.appendChild (forgot);*/
	
	var x = document.createElement ("A"); 
		x.className = "close floatRight";
		x.onclick = this.close;
		
	login_div.appendChild (x);
	login_div.appendChild (div);
	
	$(document).ready(function()
	{
		$(login_div).css ("width", 290);
		$(login_div).css ("height", 200);
		centerScreen (login_div);
		$(login_div).show("clip", { direction: "vertical" }, 1300);
		//$(login_div).show("scale", { percent: 100 }, 1000);
	});
	
};


// close login form
Login.close = function ()
{
	if (isSet (Login.dimmer))
		Login.dimmer.parentNode.removeChild (Login.dimmer);
	if (isSet (Login.login_div))
		Login.login_div.parentNode.removeChild (Login.login_div);
	return false;
};