// Generated by CoffeeScript 1.10.0
(function() {
  var viewer;

  viewer = OpenSeadragon({
    id: "openseadragon",
    prefixUrl: "https://rawgit.com/fabiovalse/Hub/master/lib/openseadragon/images/",
    wrapHorizontal: true,
    immediateRender: true
  });

  viewer.addTiledImage({
    tileSource: {
      getTileUrl: function(z, x, y) {
        return "http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/" + (z - 8) + "/" + y + "/" + x;
      },
      height: (1 << 24) * 256,
      width: (1 << 24) * 256,
      tileSize: 256
    },
    opacity: 1
  });

  viewer.addTiledImage({
    tileSource: {
      getTileUrl: function(z, x, y) {
        return "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/" + (z - 8) + "/" + y + "/" + x;
      },
      height: (1 << 24) * 256,
      width: (1 << 24) * 256,
      tileSize: 256
    },
    opacity: 0
  });

  document.querySelector('.slider').oninput = function(e) {
    return viewer.world.getItemAt(1).setOpacity(this.value / 10);
  };

}).call(this);