angular.
  module('catalog').
  config(['$locationProvider', '$routeProvider','cfpLoadingBarProvider',
    function config($locationProvider, $routeProvider,cfpLoadingBarProvider) {
	    cfpLoadingBarProvider.includeSpinner = false;
	    cfpLoadingBarProvider.parentSelector = 'header';
  	$locationProvider.html5Mode(true);
	var a = window.location.host.split('.')[0];
      	$routeProvider
	.when('/',{ template: '<an-home></an-home>'})
	.when('/catalog2', { redirectTo: '/catalog'})
        .when('/catalog', {
          template: '<an-list></an-list>'
        })
        .when('/catalog/:slug', {
          template: '<an-detail></an-detail>'
        })
	.when('/info', {template: '<an-info></an-info>'})
	.when('/:slug',{template: '<an-content></an-content>'})
	.otherwise({  redirectTo: '/'});

    }
  ]).
	run(function($rootScope) {
		$rootScope.$on('$stateChangeStart',
			function(event,toState,toParams,fromState,fromParams) { console.log('statechangestart'); });
		$rootScope.loading = false;
		$rootScope.startLoading = function() {
			console.log('start');
		}
		$rootScope.stopLoading = function() {
			console.log('stop');
		}
	});