/*
 * File: MainPanel.js
 * Date: Sat Aug 28 2010 16:09:01 GMT-0400 (EDT)
 * 
 * This file was generated by Ext Designer version xds-1.0.2.11.
 * http://www.extjs.com/products/designer/
 *
 * This file will be generated the first time you export.
 *
 * You should implement event handling and custom methods in this
 * class.
 */

MainPanel = Ext.extend(MainPanelUi, {
    initComponent: function() {
        MainPanel.superclass.initComponent.call(this);
		this.items.add(new HeaderPanel({
                region: 'north',
                layout: 'hbox'
        }));
	   
	    // go through each div and register it to the appropriate component
	    var seoContent = Ext.get('seo-content').dom.childNodes;
	    for(var i = 0 ; i < seoContent.length ; i++){
	 		var contentId = seoContent[i].id;
			if(contentId && this[contentId]){
				this[contentId].on('render', function(cm) {
					Ext.apply(cm,{contentEl:cm.refName});
				}, this);
			}
 		}
		/*<p>Sing along with dozens of the hottest singles</p>*/
		
		// render out the songs table
		/*this['songs'].on('afterrender', function(cm) {
			var grid = new Ext.ux.grid.TableGrid("songs-table", {
	            stripeRows: true // stripe alternate rows
		    });
	        this['songs'].add(grid);
			//grid.layout();
		}, this);*/
    }
});