var AppDispatcher = require('../dispatcher/appDispatcher');
var EventEmitter = require('events').EventEmitter;

var NavigationConstants = require('../constants/navigationConstants')
var _ = require('underscore');




var getGroupIdFromUrl = function() {
    console.log("yeee" , match);
    // ugly but it seems to me that
    // router does not want to expose its
    // state (for phylosophical reasons)
    var url = document.URL;
    var itemIdRegex = /grupa\/(\d+)\//g;
    var match = itemIdRegex.exec(url);
    console.log(match);
    return match[1];
};

// Extend ItemStore with EventEmitter to add eventing capabilities
var NavigationStore = _.extend({}, EventEmitter.prototype, {

  getGroupIdFromUrl: getGroupIdFromUrl,

  // Emit Change event
  emitChange: function() {
    console.log("NavigationStore change!");
    this.emit('change');
  },

  // Add change listener
  addChangeListener: function(callback) {
    this.on('change', callback);
  },

  // Remove change listener
  removeChangeListener: function(callback) {
    this.removeListener('change', callback);
  }

});




// Register callback with AppDispatcher
NavigationStore.dispatchToken = AppDispatcher.register(function(payload) {
  var action = payload.action;

  switch(action.actionType) {

    case NavigationConstants.CHANGE_URL:   
      var router = require('../router'); 
      setTimeout(function(){
          router.transitionTo(action.url);
      }, 0);
      break;

    default:
      return true;
  }

  // If action was responded to, emit change event
  NavigationStore.emitChange();
  return true;

});

module.exports = NavigationStore;