/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */


if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
Ext.useShims = true;
}else{
Ext.useShims = false;
}





if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
 var ieversion=new Number(RegExp.$1)
if (ieversion==8){
}else{
Ext.Panel.prototype.shadow = false;
}
}else{
Ext.Panel.prototype.shadow = false;
}






// Sample desktop configuration
MyDesktop = new Ext.app.App({
detailModule : null,

	getModules : function(){
	return [
	new MyDesktop.ChatModule(),
	new MyDesktop.MailModule(),
	new MyDesktop.LibraryModule(),
	new MyDesktop.CinemaModule(),
	new MyDesktop.GameModule(),
	new MyDesktop.ControlPanelModule(),
	new MyDesktop.FanPanelModule(),
	new MyDesktop.MiniModule()
	];
	}

});



/*
 * Example windows
 */






var windowIndex = 0;

MyDesktop.ChatModule = Ext.extend(Ext.app.Module, {
	id:'chat-win', 

	createWindow : function(src){
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('chat-win');
        if(!win){
            win = desktop.createWindow({
                id: 'chat-win',
                title: 'Chat Center   :: <font style="font-size:7pt;font-family:ms sans-serif;font-weight:none;">Please Keep the Chat Clean</font>',
y:0,
                width: 800,
                height: 590,
                html : '<iframe style="top:0;left:0;" src="http://www.arabchat.com/" frameBorder=0 scrolling=no  width=100% height=100%  style="visibility:hidden;" onload="this.style.visibility = \'visible\';" style="position:absolute;right:3px;top:20px;" allowtransparency="true" name="testiframe2" id="testiframe2"></iframe>',
                iconCls2: 'bogus2',
                iconCls: 'chat',
                shim:true,
                animCollapse:false,
                constrainHeader:true,
		maximizable:true,
		resizable:false
    		,listeners: {show: function(w){w.maximize();},single: true}



            });
        }
        win.show();


    }


});



MyDesktop.MiniModule = Ext.extend(Ext.app.Module, {

	id:'mini-win',

	createWindow : function(app, id){		
		var desktop = this.app.getDesktop();
		var win = desktop.getWindow('mini-win');	
        if(!win){
            win = desktop.createWindow({
                id: 'mini-win',
y:30,

                width: 800,
                height: 590,
                title: 'Standard Chat',
                html : '<iframe style="top:0;left:0;" src="http://mobile.arabchat.com/" frameBorder=0 scrolling=no  width=100% height=100%  style="visibility:hidden;" onload="this.style.visibility = \'visible\';" style="position:absolute;right:3px;top:20px;" allowtransparency="true" name="testiframe2" id="testiframe2"></iframe>',
                iconCls2: 'bogus2',
                iconCls: 'chat',
                shim:true,
                animCollapse:false,
		maximizable:true,
                constrainHeader:true,
		resizable:true, listeners: {show: function(w){w.maximize();},single: true}
            });
        }
        win.show();
    }
});




MyDesktop.MailModule = Ext.extend(Ext.app.Module, {
	id:'mail-win', 

	createWindow : function(src){
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('mail-win');
        if(!win){
            win = desktop.createWindow({
                id: 'mail-win',
                title: 'Post Office',
                width: 696,
                height: 470,
                html : '<iframe  style="top:0;left:0" src="http://www.arabchat.com/tab/index-po.php" frameBorder=0 scrolling=no  width=100% height=100%  style="visibility:hidden;" onload="this.style.visibility = \'visible\';" style="position:absolute;right:3px;top:20px;z-index:100;" allowtransparency="true" name="testiframe2" id="testiframe2"></iframe><table style="background:url(images/af-po.gif);position:relative;top:0;left:0;width:100%;height:100%;z-index:90;"><tr><td align=center valign=middle><img src=images/spinner2.gif ></td></tr></table>',
                iconCls2: 'bogus2',
                iconCls: 'mail',
                shim:true,
                animCollapse:false,
                constrainHeader:true,
                animCollapse:false,
                constrainHeader:true
		,maximizable:false,
		resizable:false
            });
        }
        win.show();
    }
});



MyDesktop.CinemaModule = Ext.extend(Ext.app.Module, {

	id:'cinema-win',

	createWindow : function(app, id){		
		var desktop = this.app.getDesktop();
		var win = desktop.getWindow('cinema-win');	
        if(!win){
            win = desktop.createWindow({
                id: 'cinema-win',
                width: 555,
                height: 349,
                title: 'Cinema     - Media Player &nbsp;&nbsp;<img src=images/mus2.gif width=11 height=7>',
                html : '<iframe  style="top:0;left:0" src="http://www.arabchat.com/tab/aj5-ff.php" frameBorder=0 scrolling=no  width=100% height=100%  style="visibility:hidden;" onload="this.style.visibility = \'visible\';" style="position:absolute;right:3px;top:20px;z-index:100;" allowtransparency="true" name="testiframe2" id="testiframe2"></iframe><table style="background:url(images/af-cinema5a.gif);position:relative;top:0;left:0;width:100%;height:100%;z-index:90;"><tr><td align=center valign=middle><img src=images/spinner2.gif ></td></tr></table>',
                iconCls2: 'bogus2',
                iconCls: 'cinema',
                shim:true,
                animCollapse:false,
		maximizable:false,
                constrainHeader:true,
		resizable:false
            });
        }
        win.show();
    }
});




MyDesktop.GameModule = Ext.extend(Ext.app.Module, {

	id:'game-win',

	createWindow : function(app, id){		
		var desktop = this.app.getDesktop();
		var win = desktop.getWindow('game-win');	
        if(!win){
            win = desktop.createWindow({
                id: 'game-win',
                width: 824,
                height: 533,
                title: 'Games',
                html : '<iframe  style="top:0;left:0" src="http://www.arabchat.com/tab/games.php" frameBorder=0 scrolling=no  width=100% height=100%  style="visibility:hidden;" onload="this.style.visibility = \'visible\';" style="position:absolute;right:3px;top:20px;z-index:100;" allowtransparency="true" name="testiframe2" id="testiframe2"></iframe><table style="background:url(images/af-games.gif);position:relative;top:0;left:0;width:100%;height:100%;z-index:90;"><tr><td align=center valign=middle><img src=images/spinner2.gif ></td></tr></table>',
                iconCls2: 'bogus2',
                iconCls: 'cinema',
                shim:true,
                animCollapse:false,
		maximizable:false,
                constrainHeader:true,
		resizable:false
            });
        }
        win.show();
    }
});


MyDesktop.ControlPanelModule = Ext.extend(Ext.app.Module, {

	id:'controlpanel-win',

	createWindow : function(app, id){		
		var desktop = this.app.getDesktop();
		var win = desktop.getWindow('controlpanel-win');	
        if(!win){
            win = desktop.createWindow({
                id: 'controlpanel-win',
                width: 593,
                height: 492,
                title: 'Control Panel',
                html : '<iframe  style="top:0;left:0" src="http://www.arabchat.com/reg/bin/cp.php" frameBorder=0 scrolling=no  width=100% height=100%  style="visibility:hidden;" onload="this.style.visibility = \'visible\';" style="position:absolute;right:3px;top:20px;z-index:100;" allowtransparency="true" name="testiframe2" id="testiframe2"></iframe>',
                iconCls2: 'bogus2',
                iconCls: 'cinema',
                shim:true,
                animCollapse:false,
		maximizable:false,
                constrainHeader:true,
		resizable:false
            });
        }
        win.show();
    }
});


MyDesktop.FanPanelModule = Ext.extend(Ext.app.Module, {

	id:'fanpanel-win',

	createWindow : function(app, id){		
		var desktop = this.app.getDesktop();
		var win = desktop.getWindow('fanpanel-win');	
        if(!win){
            win = desktop.createWindow({
                id: 'fanpanel-win',
                width: 630,
                height: 520,
                title: 'Become a Fan!',
                html : '<iframe  style="top:0;left:0" src="http://www.arabchat.com/fb/fanbox8.php" frameBorder=0 scrolling=no  width=100% height=100%  style="visibility:hidden;" onload="this.style.visibility = \'visible\';" style="position:absolute;right:3px;top:20px;z-index:100;" allowtransparency="true" name="testiframe2" id="testiframe2"></iframe>',
                iconCls2: 'bogus2',
                iconCls: 'cinema',
                shim:true,
                animCollapse:false,
		maximizable:false,
                constrainHeader:true,
		resizable:false
            });
        }
        win.show();
    }
});




MyDesktop.LibraryModule = Ext.extend(Ext.app.Module, {
    id:'library-win',

    createWindow : function(src){
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('library-win');
        if(!win){
            win = desktop.createWindow({
                id: 'library-win',
                title:'Library',
                width:776,
                height:470,


                html : '<iframe  style="top:0;left:0;" src="http://www.arabchat.com/tab/index-jq-tab.php" frameBorder=0 scrolling=no  width=100% height=100%  style="visibility:hidden;" onload="this.style.visibility = \'visible\';" style="position:absolute;right:3px;top:20px;z-index:100;" allowtransparency="true" name="testiframe2" id="testiframe2"></iframe><table style="background:url(images/af-cinema3b.gif);position:relative;top:0;left:0;width:768;height:449"><tr><td align=center valign=middle><img src=images/spinner2.gif ></td></tr></table>',

                iconCls2: 'bogus2',
                iconCls: 'library',
                shim:true,
                animCollapse:false,
                constrainHeader:true,
maximizable:false,
resizable:false



            });
        }
        win.show();
    }

});