Ext.onReady(function() {

	Ext.QuickTips.init(); // 初始化鼠標停留時的顯示框，這里用不上
	// 點擊登錄時觸發的事件

	// 創建loginPanel對象,用于提供用戶名及口令錄入表單
	this.loginPanel = newLoginPanel();
	// 創建window對象，用來裝置loginPanel面板
	this.loginWin = newLoginWin(loginPanel);
	// 取得表單， 即loginPalen的窗口
	this.parentForm = loginPanel.getForm();
	// 顯示window
	loginWin.show();
	Ext.get('login').on('click', loginOnClickAction);

});// endof onRead()

function newLoginWin(loginPanel) {
	var loginWin = new Ext.Window({
		// window上的按鈕，也可以設置在formPanel里

		buttonAlign : 'right',
		closable : false,
		draggable : true,
		resizable : false,
		height : 200,
		id : 'loginWin',
		layout : 'border',
		region : 'center',
		plain : true,
		// window上的組件
		items : [loginPanel],
		title : '歡迎使用武漢基督教信息系統',
		width : 400,
		buttons : [{
			text : '登錄',
			id : 'login'
		}, {
			text : '取消',
			id : 'cancel',
			handler : function() {
				parentForm.reset();
			}
		}]
	});// endof new Ext.Window

	return loginWin;
}
function loginOnClickAction(item) {
	if(parentForm){
	  this.disabled=true;
	  parentForm.doAction("submit",{
	  	waitTitle : '正在驗證',
		waitMsg : '稍等...',
		timout:'30000',
		reset : false,
	    url:"/servlet/login.do",
	    method:"post",
	    
        success:function(form, action){
                   location.href='commonUserMainWindow.html';
                    },
        failure: function(form, action) {
	                // var responseArray = Ext.util.JSON.decode(action.response.responseText);
        	         if(action.failureType == Ext.form.Action.SERVER_INVALID) 
	                 Ext.Msg.alert("登錄失敗",action.result.errors);//返回服務器端指出的錯誤
        }      
	  });
	  this.disabled=false;
	}
}

function newLoginPanel() {
	var loginPanel = new Ext.form.FormPanel({

		bodyStyle : 'padding:25px 25px 10 ',
		baseCls : 'x-plain',
		defaults : {
			width : 200
		},
		defaultType : 'textfield',
		frame : false,
		id : 'login_Panel',
		// form面板上的組件
		items : [{
			fieldLabel : '用戶名',
			id : 'username',
			name:'username',
			allowBlank : false
		}, {
			fieldLabel : '口令',
			inputType : 'password',
			id : 'password',
			name:'password'
		}, {
			baseCls : 'x-plain',
			xtype : 'panel',
			id:"usertype",
			layout : 'table',
			fieldLabel : '用戶類型',
			defaultType : 'radio',
			isFormField : true,
			items : [{
				name : 'usertype',
				boxLabel : '普通用戶',
				inputValue : 'commonuser'
			}, {
				name : 'usertype',
				boxLabel : '管理員',
				inputValue : 'administrator',
				checked : 'true'
			}]
		}],
		labelWidth : 120,
		region : 'center'

			// url : loginUrl
	});
	return loginPanel;
}