       ctx.clearRect 0, 0, cWidth, cHeight
       console.log "clearing: " + cWidth + " " + cHeight
     e.render ctx
-    #if @isFirstRender
-    #  @isFirstRender = false
+    if @isFirstRender
+      @isFirstRender = false
+      if typeof (@opts["renderCallback"]) == "function"
+        @opts["renderCallback"](dom)
 
 
 

    waitingForImages = true
    if @ImagesLoaded()
      waitingForImages = false
      @draw()

    console.log ">>>>>> starting interval with fps: " + @FRAMERATE
    @intervalID = setInterval(=>

#     offsetY: int => draws at a y offset
#     scaleWidth: int => scales horizontally to width
#     scaleHeight: int => scales vertically to height
#     renderCallback: function => will call the function after the first render is completed
#     forceRedraw: function => will call the function on every frame, if it returns true, will redraw

svg = undefined
