Ext.onReady(function(){



    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

	var tools = [{
        id:'gear',
        handler: function(){
            Ext.Msg.alert('Message', 'The Settings tool was clicked.');
        }
    },{
        id:'close',
        handler: function(e, target, panel){
            panel.ownerCt.remove(panel, true);
        }
    }];


	function addNextPortlet(portletName) {
		var p = new Ext.ux.Portlet({
				stateId: 'c_' + portletName, 
				stateful:true, 
				stateEvents:["drop","close","collapse","expand"],
				getState: function(){ return {collapsed:this.collapsed, dropped:this.dropped};},
				title: Ext.get(portletName + '_title').dom.innerHTML, 
				html: Ext.get(portletName + '_content').dom.innerHTML
		});
		return p;
	}


	var arrAvailItems = new Array();
	var arrAvailItemsCount = 0;
	
	function msort(array,n) {
		for(var x=0; x<n; x++) {
			for(var y=0; y<n-1; y++) {
				if(array[y][1]>array[y+1][1]) {
					var temp = array[y+1];
					array[y+1] = array[y];
					array[y] = temp;
				}
			}
		}
		return array;
	}

	
	for (var kk = 0; kk < strItems.length; kk++) {
		if (Ext.get(strItems[kk]))  {
			var itemPos = (getCookieBT("c_" + strItems[kk] + "_pos")) ? getCookieBT("c_" + strItems[kk] + "_pos") : arrAvailItemsCount;
			arrAvailItems[arrAvailItemsCount++] = new Array(strItems[kk], itemPos);
		}
	}


	arrAvailItems = msort(arrAvailItems,arrAvailItems.length);
	
	var portalItems = new Array();
	for (var b = 0; b < arrAvailItems.length; b++) {
		portalItems[b] = addNextPortlet(arrAvailItems[b][0]);
	}


	var viewport = new Ext.Panel({
        items:[{
            xtype:'portal',
			renderTo: 'container',
            items:[{
                columnWidth:1,
                style:'padding:0px 0px 0px 0px',
                items: portalItems
            }]
        }]
    })


      

}); //end onready