           height: newNaturalHeight,
           x: newNaturalX,
           y: newNaturalY
+        , =>
+          console.log "Pressed Zoom"
+          # setTimeout(function(){ debugger; }, 3000);
+          # setTimeout console.log "time", 0000
+          # debugger
+          
 
   zoomReset: ->
     @setState


    if (newNaturalWidth > @state.frameDimensions.width) || (newNaturalHeight * change > @state.frameDimensions.height)
      @zoomReset()
    else     
      @setState
        viewBoxDimensions:

          <div className="pan-zoom-controls" >
            <span className="draw-pan-toggle" >
              <span onClick={@togglePan} className={if @state.panEnabled then "" else "active"} >
                <button title={"draw"} className={"fa fa-mouse-pointer"} title={"annotate"} onClick={@togglePanOff}/>
              </span>
              <span className={if @state.panEnabled then "active" else ""}>
                <button title={"pan"} className={"fa fa-arrows"} title={"pan"} onClick={@togglePanOn}/>
              </span>
            </span>
            <span>
              <button title={"zoom out"} className="zoom-out fa fa-minus" onClick={ @zoom.bind(this, 1.1 ) } />
            </span>
            <span>
              <button title={"zoom in"} className="zoom-in fa fa-plus" onMouseDown={@zoom.bind(this, .9)} onMouseUp={@toggleZoom} />
            </span>
            <span>
              <button title={"rest zoom levels"} className="reset fa fa-refresh" onClick={ this.zoomReset } ></button>
