/*
 * 	CLASS/FILE:
 *	\resources\scripts\cc\step1.js
 *	
 *	PURPOSE:
 *	The first step of our CF + ExtJs source code, this applies a Viewport
 *	to our application
 *
 *	AUTHOR:
 *	Steve "Cutter" Blades cutterDOTblATcutterscrossingDOTcom
 *
 *	REVISIONS:
 *	**********************************************************************
 *	SGB [04.15.2010]
 *	Initial Creation
 *	**********************************************************************
 */

// Setup our namespace for our custom components
Ext.ns("com.cc");

/*
 * If you're going to write an ExtJs application of any kind of size, it is
 * best to create your own custom components. Typically you can extend an
 * existing component of the framework. By creating your own components, 
 * you'll be able to reuse them when necessary, as well as separate them
 * from other script by having them defined in their own namespace.
 */

// Create our Viewport, which will contain our primary view of our application
com.cc.MyViewportUi = Ext.extend(Ext.Viewport, {
    layout: "border",
    initComponent: function() {
        MyViewportUi.superclass.initComponent.call(this);
    }
});

// Apply our Viewport once the DOM has finished loading
Ext.onReady(function(){
	var myApp = new com.cc.MyViewportUi();
},document.body);