(function(dynengine, $, undefined) {
  var setup = undefined;

  _preprocessHtml = function(data, url) {
    return data.replace(/{{ server }}/g, url);
  };

  dynengine.render = function(serverUrl, templatePath, target, prepend, callback) {
    var url = serverUrl + templatePath;
    $.get(url, function(data) {
      // TODO replace or append boolean
      console.log('got: ' + url);

      var processedHtml = _preprocessHtml(data, serverUrl);
      if (prepend) {
        $(target).prepend(processedHtml);
      } else {
        $(target).append(processedHtml);
      }
    })
    .done(function() {
      callback && callback(); // call if defined
    });
  },

  dynengine.clean = function(target)  {
    $(target).html('');
  },

  dynengine.load = function() {
    var url = $('#server-url').data('url');
    $('.config-panel-option[name=right-hand]').bind('click', function() {
      console.log('click right hand on panel');
    });

    /*$('#avatar-body-right-hand').bind('click', function() {
      console.log('click avatar hand');
      dynengine.render(url, '/right-hand/movements.html', '#selection-panel', function() {
        $('.movimento-pontual').bind('click', function() {
          console.log('movimento pontual');
          dynengine.clean('#selection-panel');
          dynengine.render(url, '/right-hand/pontual/passo-1.html', '#selection-panel');
          dynengine.render(url, '/right-hand/pontual/passo-2.html', '#selection-panel');
          dynengine.render(url, '/right-hand/pontual/passo-3.html', '#selection-panel');
          dynengine.render(url, '/right-hand/pontual/timeline.html', '#selection-panel');
        });
      });

    });*/

  };

}(window.dynengine = window.dynengine || {}, jQuery));