/*!
 * Ext JS Library 3.1.1
 * Copyright(c) 2006-2010 Ext JS, LLC
 * Show Login kmu-visitenkarte.ch Darstellungsscript
 */
	var loginWindow;
	
function login() {
	//BEGIN AJAX
	var box = Ext.MessageBox.wait('Bitte warten Sie einen Moment, Ihre Eingaben werden überprüft...', 'Danke für Ihre Geduld');
						var conn = new Ext.data.Connection();
						conn.request({
						    url: 'ajax.php',
						    method: 'POST',
						    params: {"login_password": Ext.get('id_passwordfield').getValue(), "login_username": Ext.get('id_usernamefield').getValue()},
							success: function(responseObject) {
								
								if(responseObject.responseText=="true") {
									//Ext.MessageBox.alert("Erfolgreich", "Sie haben sich erfolgreich eingeloggt.");
									//TODO Formular posten, in view.php und dort eingaben validieren und wenn korrekt cookie setzen und adminsicht ausgeben
									//window.location.href = "view.php?card="+Ext.get('id_usernamefield').getValue();
									//LoginWindowUi.getForm().submit({url:'view.php', waitMsg:'Einen Moment bitte'})
					/*				Ext.getCmp('formular_login').getForm().submit({
										
										waitMsg:'Anmeldung...',
										waitTitle: 'Moment bitte',										
										url: 'login.php',
										method: 'post',
										scope:this,
										success: function(responseObject) {
											Ext.MessageBox.alert('Erfolgreich', 'Sie wurden erfolgreich angemeldet, herzlich willkommen.');
											loginWindow.close();
										},
										failure: function(form, action) {
											Ext.MessageBox.alert('Fehler', 'Fehler beim Anmelden, bitte Versuchen Sie es erneut.');
											
										},
									});
						*/
									//window.location.href = 'view.php'	
									
									var form = document.createElement("form");
									form.action="view.php";
									form.method="POST";
									form.style.display="none";
									
									var user=document.createElement("textarea");
									user.name = "login_username";
									user.value = Ext.get('id_usernamefield').getValue();
									form.appendChild(user);
									
									var pw=document.createElement("textarea");
									pw.name = "login_password";
									pw.value = Ext.get('id_passwordfield').getValue();
									form.appendChild(pw);
									
									//form.appendChild(Ext.get('id_passwordfield').getValue());
									document.body.appendChild(form);
									form.submit();
						
								}else {
									box.hide();
									//TODO Passwortfeld und Benutzernamefeld leeren
									Ext.MessageBox.alert("Fehler", "Sie haben falsche Zugangsdaten eingegeben!");
								}
						        
						    },
						     failure: function() {
							 	 box.hide();
						         Ext.MessageBox.alert('Fehler', 'Es konnte keine Verbindung aufgebaut werden (ajax Request erfolglos). Benachrichtigen Sie ChypsoTech, falls das Problem weiterhin auftritt.');
						     }
							
						});
					
					//End AJAX
}

Ext.onReady(function(){
	var LoginWindowUi;
    var button = Ext.get('show-login');

	
    button.on('click', function(){
		loginWindow = new LoginWindow({
        	renderTo: Ext.getBody()
    	});
    	loginWindow.show();
		
		var keyMap = new Ext.KeyMap(Ext.get('formular_login'), [
			{
				key: [Ext.EventObject.ENTER], fn: function(){
					login();
                    //Ext.getCmp('id_button_login').fireEvent('click');
					//Ext.MessageBox.alert('enter', 'enter gedrückt');
                }
			}
		]);

	});
});




var LoginWindowUi = Ext.extend(Ext.Window, {
    title: 'Login',
	modal  : true,
    width: 350,
    autoHeight: true,
	layout: 'form',
	border: false,
	waitMsgTarget: true,
    initComponent: function() {
        this.items = [{
				xtype: 'form',
				frame: 'true',
				border: false,
				id: 'formular_login',
				//height:125,
				//labelWidth: 150,
				//bodyStyle: 'margin: 20px; margin-top: 40px;',
				//border: false,
				//buttonAlign:'center',
				items: [{
	                xtype: 'textfield',
					id: 'id_usernamefield',
	                fieldLabel: 'Benutzername',
	                anchor: '100%',
	                name: 'login_username'
	            },
	            {
	                xtype: 'textfield',
					id: 'id_passwordfield',
					fieldLabel: 'Passwort',
	                anchor: '100%',
	                readOnly: false,
	                allowBlank: true,
	                name: 'login_password',
	                inputType: 'password'
	            }]
			}];
        this.fbar = {
            xtype: 'toolbar',
            items: [
                {
                    xtype: 'button',
                    text: 'Login',
                    autoWidth: false,
                    allowDepress: false,
                    minWidth: 100,
                    repeat: false,
                    id: 'id_button_login',
					clickEvent: 'click',
					handler: function(){
						login();
					
					}
                }
            ]
        };
        LoginWindowUi.superclass.initComponent.call(this);
    }
});



LoginWindow = Ext.extend(LoginWindowUi, {
    initComponent: function() {
        LoginWindow.superclass.initComponent.call(this);
    }
});