Ext.onReady(function(){
        var tile = function (group) {
      		var previousWin = null;
      		group.each(function(win){
      		
      			if(previousWin) {
      				if(win.getEl().getWidth() + previousWin.getEl().getRight() > Ext.getBody().getWidth()) {
      					win.alignTo(document.body, 'tl-tl', [0, previousWin.getEl().getHeight()]);
      				} else {
      					win.alignTo(previousWin.getEl(), 'tl-tr');
      				}
      			} else {
      				win.alignTo(document.body, 'tl-tl');
      			}
      
      			previousWin = win;
      		});
      	};
        var win1 = new Ext.ux.Window({
                    layout      : 'fit',
                    width       : 825,
                    height      : 600,
                    closeAction :'hide',
                    applyTo: 'hello-win1',
                    title: 'IT with Passion Blog',
                    plain       : true,
                    resizable: true,
                    maximizable: true,
                    minimizable: true,
                  	minimizedIconCls: 'blog_big_icon',
                  	minimizedIconLeft: 100,
                  	minimizedIconTop: 300,
                  	iconCls: 'blog_icon',
                    bodyStyle:'padding:5px;',
                   // body: new Ext.ux.ManagedIFrame({autoCreate:{src:'http://www.dawelbeit.info/', cls:'x-window-body'}})
                    items: [{
                        xtype: 'iframepanel',
                        id: 'dawelbeit-info',
                        //title:'IT with Passion',
                        frameConfig : {id:'dawelbeit-info'},
                        defaultSrc : function(){return 'http://www.dawelbeit.info';}
                     }]
                });
                
                win1.show();
                //win1.maximize();
                
                var win2 = new Ext.ux.Window({
                    layout      : 'fit',
                    width       : 350,
                    height      : 455,
                    closeAction :'hide',
                    applyTo: 'hello-win2',
                    title: 'Google Friend Connect',
                    plain       : false,
                    resizable: true,
                    maximizable: true,
                    minimizable: true,
                  	minimizedIconCls: 'friends_big_icon',
                  	minimizedIconLeft: 200,
                  	minimizedIconTop: 300,
                  	iconCls: 'friends_small_icon',
                    items: [{
                        xtype: 'iframepanel',
                        id: 'friends-connect',
                        //title:'IT with Passion',
                        frameConfig : {id:'friends-connect'},
                        defaultSrc : function(){return 'http://www.omer.dawelbeit.info/friends_connect.html';}
                     }]
                });
                
                win2.show();
                
                var win3 = new Ext.ux.Window({
                    layout      : 'fit',
                    width       : 226,
                    height      : 242,
                    closeAction :'hide',
                    applyTo: 'ads-window',
                    title: 'Ads',
                    plain: false,
                    resizable: true,
                    closable: false,
                    maximizable: true,
                    minimizable: true,
                  	minimizedIconCls: 'ads_big_icon',
                  	minimizedIconLeft: 300,
                  	minimizedIconTop: 300,
                  	bodyStyle:'padding:5px;',
                  	iconCls: 'ads_icon',
                    items: {contentEl: "content-ads"}
                });
                
                win3.show();
                
                tile(Ext.WindowMgr);
                
                if(Ext.isIE6) {
                    Ext.MessageBox.show({
      			           title: 'Outdated browser',
      			           msg: 'You are currently using an outdated version of Internet Explorer and hence this <br>site might not show correctly, please upgrade to the latest version!',
      			           buttons: Ext.MessageBox.OK,
      			           //animEl: 'mb9',
      			           fn: function(buttonId)	{
      					   	
      					       },
      			           icon: Ext.MessageBox.WARNING
      			       });
                }
            
});