Ext.onReady(function(){
	
	//alert(selectedLanguage);
	var Form = Ext.form;
	
	var loginForm = new Ext.FormPanel({
				width: 380,
				renderTo: 'loginFormContainer',
        url:'save-form.php',
        frame:true,
        title: GetTextInLanguage('LOGIN_FORM_TITLE', selectedLanguage),
        bodyStyle:'padding:5px 5px 0; text-align: left;',
        defaults: {width: 230},
        defaultType: 'textfield',

        items: [{
        				id: 'emailInput',
                fieldLabel: GetTextInLanguage('LOGIN_FORM_USERNAME', selectedLanguage),
                name: 'email',
                value: '', 
                xtype: 'textfield',
                vtype:'email'
            }, {
                html: GetTextInLanguage('LOGIN_FORM_USERNAME_TIP', selectedLanguage),
                xtype:'label',
                style: 'font-size:smaller; margin-bottom: 10px;'
            }, {
                fieldLabel: GetTextInLanguage('LOGIN_FORM_PASSWORD', selectedLanguage),
                id: 'password',
                name: 'password',
                xtype: 'textfield',
                inputType: 'password'
            }, {
                fieldLabel: GetTextInLanguage('LOGIN_FORM_REMEMBER_ME', selectedLanguage),
                id: 'rememberMe', 
                name: 'rememberMe',
                xtype:'checkbox'
            }, {
                html: GetTextInLanguage('LOGIN_FORM_COOKIES_MESSAGE', selectedLanguage),
                xtype:'label',
                style: 'font-size: smaller; '
            }
        ],
        buttons: [{text: 'Login', type: 'submit', listeners: { click: { fn : SubmitForm}}
				}]
    	}); 
   
   
		loginForm.render();
		
		
		function SubmitForm()
		{
				if (!loginForm.items.get('emailInput').isValid())
				{
					Ext.MessageBox.alert(GetTextInLanguage('LOGIN_FORM_ALERT_MESSAGE_TITLE', selectedLanguage), GetTextInLanguage('LOGIN_FORM_ALERT_MESSAGE_EMAIL_NOT_VALID', selectedLanguage));
					return;
				}
				if (loginForm.items.get('emailInput').getValue() == '')
				{
					Ext.MessageBox.alert(GetTextInLanguage('LOGIN_FORM_ALERT_MESSAGE_TITLE', selectedLanguage), GetTextInLanguage('LOGIN_FORM_ALERT_MESSAGE_EMAIL_EMPTY', selectedLanguage));
					return;
				}
				var myMask = new Ext.LoadMask(loginFormContainer, {msg: GetTextInLanguage('LOGIN_FORM_MESSAGE_PLEASE_WAIT', selectedLanguage)}); 
				myMask.show();																																																							
				var req = Ext.Ajax.request({
					url : 'data/login.php' , 
					params : { action : 'login', username: loginForm.items.get('emailInput').getValue(), password: loginForm.items.get('password').getValue(), rememberMe: loginForm.items.get('rememberMe').getValue()  },
					method: 'POST',
					success: function ( result, request ) { 
						myMask.hide();
						try
						{
							var jsonData = Ext.util.JSON.decode(result.responseText);
							if (jsonData['status'] == 'ok')
							{
								if(jsonData['message'] == '0')
									document.location = 'blogrolls.php';
								else
									document.location = 'myblogrolls.php';
							}
							else
								Ext.MessageBox.alert( GetTextInLanguage('FAILED_MESSAGE', selectedLanguage), jsonData['message']); 
						}
						catch (err)
						{
							myMask.hide();
							Ext.MessageBox.alert(GetTextInLanguage('FAILED_MESSAGE', selectedLanguage), result.responseText); 
						}	
					},
					failure: function ( result, request) { 
						myMask.hide();
						Ext.MessageBox.alert(GetTextInLanguage('FAILED_MESSAGE', selectedLanguage), GetTextInLanguage('INTERNAL_ERROR', selectedLanguage)); 
					} 
				});																				
	  }
    
    
 
    var p_oMap = new Ext.KeyMap("loginFormContainer", {
         key: 13, // or Ext.EventObject.ENTER
         fn: SubmitForm
    });

});