Ext.onReady(function(){
	
	//alert(selectedLanguage);
	var Form = Ext.form;
	
	var loginForm = new Ext.FormPanel({
				width: 380,
				renderTo: 'loginFormContainer',
        url:'login.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 = 'add_links_pop.phtml';
								else
									document.location = 'add_links_pop.phtml';
							}
							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
    });

});