/**
 * Application specific JavaScript
 * 
 * This file should contain all the application's custom logic wrapped in its own namespace.
 * 
 * REMOVE THESE COMMENTS BEFORE COMMITTING YOUR CHANGES
 * 
 */

// Create the main and application specific namespaces
if (!DJIndexes) { var DJIndexes = {}; }
DJIndexes.SampleApp = {};

// Define the Index Data page logic
DJIndexes.SampleApp.IndexData = function() {
	
	return {
		
		init: function() {
			
			if (Ext.get('sample-tabs')) {
				var tabs = new Ext.TabPanel({
					renderTo: 'sample-tabs',
					autoShow: true,
					activeTab: 0,
					frame: true,
					defaults: {
						autoHeight: true
					},
					items:[
						{contentEl:'tab1', title:'Tab 1'},
						{contentEl:'tab2', title:'Tab 2'},
						{contentEl:'tab3', title:'Tab 3'}
					]
				});
			}
			
			
		}
		
	}
	
}();

// Run init() - notice how we check for existence of the target ID
// selector before executing the rest of the function.
Ext.onReady( DJIndexes.SampleApp.IndexData.init, DJIndexes.SampleApp.IndexData );