Ext.onReady(function(){
	var panel = new Ext.Panel({
		frame:false,
		width:'600px',
		height:'270px',
		el:"splash",
		border:false,
		//bodyStyle:"\"background-color: #000070 \""
		bodyStyle:"\"background-color: #3A0000 \""
	});

	var formPanel = new Ext.FormPanel({
		frame:false,
		border:false,				
		//bodyStyle:"\"padding:20px 160px 0;background-color: #000070;font-color: #FFFFFF \"",
		bodyStyle:"\"padding:20px 160px 0;background-color: #3A0000;font-color: #FFFFFF \"",
		//el:"form",
		height:100,				
		url:'auth/login.json',				
		items:[{
		    xtype:"textfield",
		    allowBlank:false,
		    fieldLabel:"Username",
		    width: 170,
		    name:"username",
		    id:"username"
		  },{
		    xtype:"textfield",
		    allowBlank:false,
		    fieldLabel:"Password",
		    name:"password",
		    width:170,		    
		    inputType:"password",
		    id:"password"
		  }]
	});

	var inwindow = new Ext.Panel({
		frame:false,
		border:false,				
		width:'600px',
		height:'400px',
		el:"inwindow",
		item: [ panel,formPanel ]
	});				
    
	var sendlogin = new Ext.Button ({
	    text: 'Login',
	    id: 'sendlogin',
	    minWidth: '80'			    
	});
	
	sendlogin.on('click', function(){			   
	    form = formPanel.getForm();
	    form.submit({
			waitMsg:'Mencoba login..',
			waitMsgTarget: true,
			failure: function(frm, act) {
			    var reason = act.result.message;
				Ext.MessageBox.alert('Gagal', reason);
			},            
			success: function(frm, act) {
			    var reason = act.result.message;
			    var url = '/';
			    //Ext.example.msg('Berhasil', 'Login berhasil, tunggu sebentar..');
			    Ext.MessageBox.alert('Berhasil', 'Login berhasil, tunggu sebentar..');
			    setTimeout('window.location = "' + url + '"',500);					    
			}
		});
	});
	
	var loginWindow = new Ext.Window({
        el: 'login',
        title:'Selamat Datang di SAIOnline',
        width:600,
        height:424,
        iconCls: 'tabs',
        shim:false,
        animCollapse:false,
        border:false,
        constrainHeader:true,
        layout: 'anchor',
		closable : false,
		draggable : false,
		resizable: false,
		buttons: [
            //text: 'Login', id: 'submit'
            sendlogin		        
        ],
		items: [ inwindow ]
	});
	
	formPanel.render('form');
	loginWindow.show(this);
	var username = document.getElementById('username');
	//username.focus();
	setTimeout( function() { username.focus(); },10);
});