Ext.onReady(function(){
	var username = new Ext.form.TextField({
		fieldLabel: 'Username',
		name: 'data[User][username]',
		anchor: '100%',
		autocomplete: 'on',
		enableKeyEvents:true,
		listeners: {
			keydown: {
				fn: function(t, e) {
					if (e.keyCode == e.ENTER) {
						login();
					}
				}
			}
		}
	});
	var password = new Ext.form.TextField({
		fieldLabel: 'Password',
		inputType: "password",
		name: 'data[User][password]',
		anchor: '100%',
		autocomplete: 'on',
		enableKeyEvents:true,
		listeners: {
			keydown: {
				fn: function(t, e) {
					if (e.keyCode == e.ENTER) {
						login();
					}
				}
			}
		}
		   
	});

	var rememberMe = new Ext.form.Checkbox({
		id: 'remember',
    	fieldLabel:'Remember me',
    	checked: false,
    	name: 'data[User][remember]'

	});
	
	var formPanel = new Ext.form.FormPanel({
        baseCls: 'x-plain',
        labelWidth: 90,
        defaultType:'textfield',
        url:'/users/login',
        items: [username,password,rememberMe]
	});
	
	var login = function() {
		formPanel.form.submit({
	        waitMsg:'Please wait ...',
	        params: {ext:true},
	        failure: function(form, action) {
			    Ext.MessageBox.alert('Error', 'Incorrect username or password');
			},
			success: function(form, action) {
				window.location='/admin';
			}
	    });
	}
	var win = new Ext.Window({
		title: 'Login Panel'+tm,
		width: 400,
		height:150,
		resizable:false,
		closable:false,
		constrain:true,
		layout: 'fit',
		plain:true,
		bodyStyle:'padding:5px;',
		buttonAlign:'center',
		items: [formPanel],
		buttons: [{
			text: 'Login',
			handler: function() {
				login();
			}
		}]
	});
	win.show();
	username.focus(100,true);
	
});