text: import ATV from 'atvjs';
  
  // template helpers
  import 'lib/template-helpers';
  // raw css string
  import css from 'assets/css/app.css';
  // shared templates
  import loaderTpl from 'shared/templates/loader.hbs';
  import errorTpl from 'shared/templates/error.hbs';
  // all pages
  import 'pages';
  // menu pages
  import ParadePage from 'pages/parade';
  import CatalogPage from 'pages/catalog';
  
  ATV.start({
  	style: css,
  	menu: {
  		attributes: {},
  		items: [{
  			id: 'parade',
  			name: 'Tab 1',
  			page: ParadePage
  		}, {
  			id: 'catalog',
  			name: 'Tab 2',
  			page: CatalogPage
  		}]
  	},
  	templates: {
  		loader: loaderTpl,
  		error: errorTpl,
  		// status level error handlers
  		status: {
  			'404': () => errorTpl({
  				title: '404',
  				message: 'Page cannot be found!'
  			}),
  			'500': () => errorTpl({
  				title: '500',
  				message: 'An unknown error occurred in the application. Please try again later.'
  			}),
  			'503': () => errorTpl({
  				title: '500',
  				message: 'An unknown error occurred in the application. Please try again later.'
  			})
  		}
  	},
  	// global handlers
  	handlers: {
  		select: {
  			showMore(e) {
  				let element = e.target;
  				let showDescription = element.getAttribute('allowsZooming');
  
  				if (showDescription) {
  					ATV.Navigation.presentModal(`<document><alertTemplate><description class="text-justified">${element.textContent}</description></alertTemplate></document>`);
  				}
  			}
  		}
  	},
  	onLaunch(options) {
  		ATV.Navigation.navigate('home');
  	}
  });