var React = require('react');
var Router = require('react-router'),
    Route = Router.Route, DefaultRoute = Router.DefaultRoute;
var RouteHandler = Router.RouteHandler;
var Navigation = Router.Navigation;

var ItemWithDetailsPage = require('./components/items/itemWithDetailsPage');
var ItemList = require('./components/items/itemList');
var SectionsListComponent = require('./components/shared/sectionsListComponent');
var AllItems = require('./components/items/allItems');
var RootApp = require('./components/rootApp');
var StartPage = require('./components/startPage/startPage');
var ByCategory = require('./components/browsing/byCategory');
var BySection = require('./components/browsing/bySection');

var ItemPage = require('./components/items/itemPage');

var routes = (
    <Route name='app' path='/' handler={RootApp}>
      <Route name='sekcija' path='sekcija/:id/:name' handler={BySection} />
      <Route name='artikal' path="artikal/:id/*" handler={ItemPage} />
      <Route name='byCat' path="sekcija/:sekcijaName/kategorija/:id/*" handler={ByCategory} />
      <DefaultRoute handler={StartPage}/>
    </Route>
    );

Router.run(routes, function(Handler) {
  React.render(<Handler />, document.body);
});