Ext.onReady(function() {

var browserSupported = false;
//Detect browser and set Warning if not Firefox 3.5, 3.6 or 4.0b7
if (BrowserDetect.browser == 'Firefox' && parseFloat(BrowserDetect.version) > 3)
{
	browserSupported = true;
	displayBrowserSupport = false;
}
else
{
	window.location = 'SNWebBuilder.php?page=/admin/browsersupport';
}

if (browserSupported == true)
{
	if (displayBrowserSupport)
	{
		var supportDiv = document.getElementById('browsersupport');
		supportDiv.style.display = 'block';
		supportDiv.style.visibility = 'visible';
	}
	function passwordLogin(field,event)
	{
		if (event.getKey() != 13)
		{
			return;
		}
		executeLogin();
	}
	function executeLogin()
	{
		var formvalues = login.form.getValues();
		Ext.Ajax.request({
				url:'SNAjax.php?module=CheckUser,action=userlogin;yes',
				method:'POST',
				success: function(result,request)
				{
					var myRecordDef = Ext.data.Record.create([{name:'code'},{name:'homepage'},{name:'message'}]);
					var myReader = new Ext.data.JsonReader({
							totalProperty:'totalCount',
							root:'results',
							id:'id'
					},myRecordDef);
					var result = myReader.read(result);
//									Ext.Msg.alert('Session',result.records[0].data['error']);
					switch (result.records[0].data['code'])
					{
						case 'OK' :
						{
							// redirect to admin
					        Ext.get('loading-mask').show();
					        Ext.get('loading').show();
							window.location.href = 'SNWebBuilder.php?page=' + result.records[0].data['homepage'];
						}
						break;
						case 'NOTOK' :
							Ext.MessageBox.alert('Error',result.records[0].data['message']);
						break;
						default:
							Ext.MessageBox.alert('Error',result.records[0].data['message']);
					}
				},
				failure: function(result,request)
				{
					Ext.MessageBox.alert('Error','The request failed, please check your internet connection');
				},
				params:formvalues
			});
	}
	var passwordField = new Ext.form.TextField({
				fieldLabel: 'Password',
				name: 'passwd',
				inputType: 'password',
				allowBlank:false
	});
	passwordField.on('specialkey',passwordLogin);

	var login = new Ext.form.FormPanel({
			labelWidth: 75, // label settings here cascade unless overrideen
			frame: true,
			title: 'Login',
			bodyStyle:'padding: 5px 5px 0',
			width: 350,
			method: 'POST',
			defaults: {width: 220},
			defaultType: 'textfield',
			items: [{
				fieldLabel: 'Username',
				name: 'login',
				allowBlank:false
				},
				passwordField
				],
				buttons: [{
					text: 'Login',
					handler: executeLogin
				}, {
				text: 'Cancel'
				}]
		});

		login.render('panelcontainer');
}

});