Ext.define('Rambox.Application', {
	 extend: 'Ext.app.Application'

	,name: 'Rambox'

	,requires: [
		'Rambox.ux.Firebase'
	]

	,stores: [
		 'ServicesList'
		,'Services'
	]

	,profiles: [
		 'Offline'
		,'Online'
	]

	,config: {
		 totalServicesLoaded: 0
		,totalNotifications: 0
	}

	,launch: function () {
		lock = new Auth0Lock('y9am0DVawe2tvlA3ucD7OufpJHZZMjsO', 'rambox.auth0.com');
		auth0 = new Auth0({ domain : 'rambox.auth0.com', clientID: 'y9am0DVawe2tvlA3ucD7OufpJHZZMjsO'})

		// Add shortcuts to switch services using CTRL + Number
		var map = new Ext.util.KeyMap({
			 target: document
			,binding: [
				{
					 key: "\t"
					,ctrl: true
					,alt: false
					,shift: false
					,handler: function(key) {
						var tabPanel = Ext.cq1('app-main');
						var activeIndex = tabPanel.items.indexOf(tabPanel.getActiveTab());
						if ( !tabPanel.items.items[activeIndex + 1] ) {
							activeIndex = -1;
						} else if ( tabPanel.items.items[activeIndex + 1].tabConfig.xtype === 'tbfill' ) {
							activeIndex++;
						}
						tabPanel.setActiveTab( activeIndex + 1 );
					}
				}
				,{
					 key: "\t"
					,ctrl: true
 					,alt: false
 					,shift: true
 					,handler: function(key) {
 						var tabPanel = Ext.cq1('app-main');
 						var activeIndex = tabPanel.items.indexOf(tabPanel.getActiveTab());
 						if ( !tabPanel.items.items[activeIndex - 1] ) {
 							activeIndex = tabPanel.items.length;
 						} else if ( tabPanel.items.items[activeIndex - 1].tabConfig.xtype === 'tbfill' ) {
 							activeIndex--;
 						}
 						tabPanel.setActiveTab( activeIndex - 1 );
 					}
				}
				,{
					 key: [Ext.event.Event.NUM_PLUS, Ext.event.Event.NUM_MINUS]
					,ctrl: true
 					,alt: false
 					,shift: false
 					,handler: function(key) {
						var tabPanel = Ext.cq1('app-main');
						if ( tabPanel.items.indexOf(tabPanel.getActiveTab()) === 0 ) return false;
						var currentLevel = tabPanel.getActiveTab().zoomLevel;
						if ( key === Ext.event.Event.NUM_PLUS ) { // Plus key
							currentLevel = currentLevel + 0.25;
						} else { // Minus Key
							currentLevel = currentLevel - 0.25;
						}
 						tabPanel.getActiveTab().down('component').el.dom.getWebContents().setZoomLevel(currentLevel);
						tabPanel.getActiveTab().zoomLevel = currentLevel;
 					}
				}
				,{
					 key: Ext.event.Event.NUM_ZERO
					,ctrl: true
 					,alt: false
 					,shift: false
 					,handler: function(key) {
						var tabPanel = Ext.cq1('app-main');
						if ( tabPanel.items.indexOf(tabPanel.getActiveTab()) === 0 ) return false;
 						tabPanel.getActiveTab().down('component').el.dom.getWebContents().setZoomLevel(0);
						tabPanel.getActiveTab().zoomLevel = 0;
 					}
				}
				,{
					 key: "0123456789"
					,ctrl: true
					,alt: false
					,handler: function(key) {
						Ext.cq1('app-main').setActiveTab(key - 48);
					}
				}
			]
		});

		// Remove spinner after 3 secs
		Ext.defer(function() { Ext.get('spinner').destroy(); }, 3000);
	}

	,updateTotalNotifications: function( newValue, oldValue ) {
		newValue = parseInt(newValue);
		if ( newValue > 0 )	{
			document.title = 'Rambox (' + newValue + ')';
		} else {
			document.title = 'Rambox';
		}
	}
});