/**
* @author Andrew Fedoniouk <andrew@terrainformatica.com>
* @name jQuery Single Page Application micro framework
* @license MIT
* @purpose routing and dynamic content on single page web applications
*/


(function($,window){

    var pageHandlers = {};
  
    var currentPageName = null;
    var $currentPage = null;

    var disableEvent = false;
  
    function show(pageName,param) {
      var $page = $("section#" + pageName);
      if( $page.length == 0 ) {
        console.warn("section with id=%s not found!",pageName);
        return;
      }
      var ph = pageHandlers[pageName];
      if( ph ) {
        var that = $page.length > 0 ? $page[0] : null;
        var r = ph.call(that , param);
        if( typeof r == "function" ) { // it returns the function that's used for view rendering
          if(!$page.is("[no-ctl-cache]"))
              pageHandlers[pageName] = r;
          r.call(that, param); // call that rendering function
        }
      }
      if(currentPageName) { // "close" current page view
        $(document.body).removeClass(currentPageName); // remove old page class {
        if($currentPage) {
          $currentPage.trigger("page.hidden",currentPageName);
          $currentPage.hide();
          if($currentPage.attr('src') && $currentPage.is("[no-ctl-cache]"))
              $currentPage.empty();
        }
      }
      $(document.body).addClass(currentPageName = pageName); // set new page class
      if($currentPage = $page)
        $currentPage.trigger("page.shown",currentPageName);
      $currentPage.show();

      if(window.location.hash !== "#"+pageName) {
        disableEvent = true;
        window.location.hash = "#"+pageName;
      } 
      //history.pushState("", document.title, window.location.pathname + window.location.search);
    }
  
    function app(pageName,param) {
  
      var $page = $(document.body).find("section#" + pageName);
  
      var src = $page.attr("src");
      if( src && $page.find(">:first-child").length == 0) { // it has src and is empty
        app.get(src, $page, pageName)
           .done(function(html){$page.html(html); show(pageName,param); })
           .fail(function(){ console.warn("failed to get %s page!",pageName);});
      } else
        show(pageName,param);
    }
  
    // Registration of page's handler function - scope initializer and controller
    app.page = function(pageName, handler) { pageHandlers[pageName] = handler; };
    // Function to get page's html, shall return jQuery's promise. Can be overriden.
    app.get = function(src,$page,pageName) { return $.get(src, "html"); };
  
    function onhashchange()
    {
      // console.log("onhashchange", location.hash);
      if(disableEvent === true){
        disableEvent = false;
        return;
      }

      var hash = location.hash || ("#" + $("section[default]").attr('id'));
  
      var re = /#([-0-9A-Za-z]+)(\:(.+))?/;
      var match = re.exec(hash);
      hash = match[1];
      var param = match[3];
      app(hash,param);
    }
  
    $(window).on("hashchange", onhashchange );
  
    window.app = app;
      
    // Call onhashchange manually for the initialization.
    // setTimeout is used to postpone initialization so application can configure window.app.get = function(src,$page,pageName); for example
    window.setTimeout( function() { $(onhashchange); } );
  
  })(jQuery,this);