StatePortlet = Ext.extend(Ext.Panel, {
    closeable: false,
    plugins: Ext.ux.PortletPlugin,
    stateful: true,
    resizeable: false
});

Ext.reg('stateportlet', StatePortlet);
var stateProvider;

Ext.onReady(function(){
	stateProvider = new Ext.state.CookieProvider({ expires: new Date(new Date().getTime()+(1000*60*60*24*365)) });
	Ext.state.Manager.setProvider(stateProvider);
	
	if (admin == true) {
		//alert("admin = true");
		var viewport = new Ext.Panel({
				layout: 'border',
				items: [{
					region:'center',
		            xtype:'portal',
					renderTo: 'portaldiv',
					border: false,
					items:[{
				           columnWidth:1,
				           style:'padding: 0 0 0 0',
				           items:[{ 
			                    title: '<div class="box1"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box1',
		                    	xtype: 'stateportlet'
		                	},{ 
			                    title: '<div class="box2"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box2',
		                     	xtype: 'stateportlet'
		                	},{
			                    title: '<div class="box3"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box3',
		                    	xtype: 'stateportlet'
		                	},{ 
			                    title: '<div class="box4"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box4',
		                    	xtype: 'stateportlet'
		                	},{
			                    title: '<div class="box5"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box5',
		                    	xtype: 'stateportlet'
		                	},{ 
			                    title: '<div class="box18"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box18',
		                    	xtype: 'stateportlet'
		                	},{ 
			                    title: '<div class="box19"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box19',
		                    	xtype: 'stateportlet'
		                	},{
			                    title: '<div class="box20"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box20',
		                    	xtype: 'stateportlet'
		                	},{
			                    title: '<div class="box21"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box21',
		                    	xtype: 'stateportlet'
		                	}]
				 	}]
			  }]
	    });
	} else {
		
		//alert("admin = false");
		var viewport = new Ext.Panel({
				layout: 'border',
				items: [{
					region:'center',
		            xtype:'portal',
					renderTo: 'portaldiv',
					border: false,
					items:[{
				           columnWidth:1,
				           style:'padding: 0 0 0 0',
				           items:[{ 
			                    title: '<div class="box1"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box1',
		                    	xtype: 'stateportlet'
		                	},{ 
			                    title: '<div class="box2"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box2',
		                     	xtype: 'stateportlet'
		                	},{
			                    title: '<div class="box3"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box3',
		                    	xtype: 'stateportlet'
		                	},{ 
			                    title: '<div class="box4"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box4',
		                    	xtype: 'stateportlet'
		                	},{
			                    title: '<div class="box5"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box5',
		                    	xtype: 'stateportlet'
		                	},{ 
			                    title: '<div class="box18"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box18',
		                    	xtype: 'stateportlet'
		                	},{ 
			                    title: '<div class="box19"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box19',
		                    	xtype: 'stateportlet'
		                	},{
			                    title: '<div class="box21"></div><span style="float:right"><img src="templates/caraudio/img/modules/move.gif" /></span>',
			                    contentEl: 'box21',
		                    	xtype: 'stateportlet'
		                	}]
		            }]
				}]
	    });		
	}

});