var loginForm = new Ext.form.FormPanel({
        region:'center',
        defaultType: 'textfield',
        url:'http://brandbuzz.innovamarketing.com/login.aspx',
        frame:true,
        border:false,
        waitMsgTarget: true,
        keys: [
            {
                key: Ext.EventObject.ENTER,
                	fn: function(){
						loginForm.form.submit({});
						loginForm.disable();
                    }
            }
        ],
        items:[
            {
                fieldLabel: 'Username',
                name: 'user',
                allowBlank:false
            },
            {
            	fieldLabel: 'Password',
            	inputType: 'password',
	            name: 'password'
	        }
        ],
        onSubmit: Ext.emptyFn,
        submit: function() {
            this.el.dom.action = this.url;
            this.el.dom.method = 'POST';
            this.el.dom.target = '_top';
            this.el.dom.submit();
            return true;
        },
        listeners:{
            actioncomplete:{
                fn:function(form, action){
                    this.setDisabled(true);
                    location.href="http://brandbuzz.innovamarketing.com/Default.aspx";
                }
            },
            actionfailed:{
                fn:function(form,action){
                    form.markInvalid([{id:'user', msg:'The message'},{id:'password', msg:'The message'}]);
                }
            }
        },
        buttons: [{
            text: 'Submit',
            formBind:true,
            listeners:{
                click:{
                    fn:function(){
                        loginForm.form.submit({waitMsg:'Logging you in...'});
                    }
                }
            }
        },{
            text: 'Cancel',
            listeners:{
                click:{
                    fn:function(){
                        loginForm.form.reset();
                        loginScreen.hide();
                    }
                }
            }
        }]
    });
    var loginScreen = new Ext.Window({
            title: 'Login',
            closable:true,
            modal: true,
            width:300,
            height:150,
            border:false,
            plain:true,
            closeAction:'hide',
            layout:'border',
            items:[loginForm],
            objs:null,
            listeners:{
                render:{
                    fn:function(){
                        var objs = Ext.DomQuery.select("object");
                        var emds = Ext.DomQuery.select("embed");
                        for(var a=0;a<emds.length;a++){
                            objs.push(emds[a]);
                        }
                        this.objs=objs;
                    }
                },
                beforeshow:{
                    fn:function(){
                        if(this.objs.length>0){
                            for(var a=0;a<this.objs.length;a++){
                                this.objs[a].style.visibility="hidden";
                            }
                        }
                    }
                },
                hide:{
                    fn:function(){
                        if(this.objs.length>0){
                            for(var a=0;a<this.objs.length;a++){
                                this.objs[a].style.visibility="visible";
                            }
                        }
                    }
                }
            }
    });
 
Ext.onReady(function(){
    var login = Ext.DomQuery.selectNode("a[class='login']");
    login.onclick=function(){
        loginScreen.show(this);
        return false;
    }
})