text: 
  var w = $.ergo({
  	etype: 'box',
  	cls: 'tab-box',
  	include: 'selectable',
  	renderTo: '#sample',
  	components: {
  		tabs: {
  			etype: 'list',
  			cls: 'tab-bar single',
  			defaultItem: {
  				onClick: function() {
  					this.rise('select', {key: this._index});
  				}
  			},
  			items: ['Закладка 1', 'Закладка 2', 'Закладка 3']
  		},
  		content: {
  			include: 'pageable',
  			cls: 'content',
  			height: 100,
  			defaultItem: {
  				include: 'effects',
  				effects: {
  					show: {type: 'fadeIn', delay: 500}
  				},
  				style: {'padding': 10},
  				// states: {
  					// 'selected': function(on) {
  						// if(on) this.parent.opt('visible', this);
  					// }
  				// }
  			},
  			items: [LOREMIPSUM, LOREMIPSUM_2, LOREMIPSUM_3]
  		}
  	},
  	
  	selection: {
  		lookup: function(i) {
  			return this.tabs.item(i);
  		}
  	},
  	onSelected: function(e) {
  		this.content.opt('active', e.key);
  		this.events.fire('selectTab', {key: e.key});
  		e.stop();
  	},
  	
  	selected: 0
  });
  