// Generated by CoffeeScript 1.10.0
(function() {
  var data, overlay, rects, svg_overlay, viewer;

  viewer = OpenSeadragon({
    id: "openseadragon",
    prefixUrl: "https://rawgit.com/fabiovalse/Hub/master/lib/openseadragon/images/",
    tileSources: "https://rawgit.com/fabiovalse/Hub/master/dzi/fitz_roy/img.dzi"
  });


  /* Overlay creation
   */

  svg_overlay = viewer.svgOverlay();

  overlay = d3.select(svg_overlay.node());

  data = [
    {
      x: 0.1,
      y: 0.1,
      width: 0.25,
      height: 0.15
    }, {
      x: 0.5,
      y: 0.3,
      width: 0.4,
      height: 0.05
    }, {
      x: 0.6,
      y: 0.05,
      width: 0.1,
      height: 0.15
    }
  ];


  /* Visualization
   */

  rects = overlay.selectAll('rect').data(data);

  rects.enter().append('rect').attrs({
    x: function(d) {
      return d.x;
    },
    y: function(d) {
      return d.y;
    },
    width: function(d) {
      return d.width;
    },
    height: function(d) {
      return d.height;
    }
  });

  d3.selectAll('rect').each(function() {
    return svg_overlay.onClick(this, function() {
      return console.log('click', arguments);
    });
  });


  /* Resize the overlay on window resize
   */

  d3.select(window).on('resize', function() {
    return svg_overlay.resize();
  });

}).call(this);