From faa3a11434a16ee9fbd27e73930d7c10504bb3bc Mon Sep 17 00:00:00 2001
From: Peter Cottle <petermcottle@gmail.com>
Date: Sat, 3 Nov 2012 13:57:08 -0700
Subject: [PATCH] NICEEEeee have visualization function doing resizes

---
 src/main.js    | 20 --------------------
 src/visuals.js | 20 +++++++++++++++++++-
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/main.js b/src/main.js
index 3365089f..d5ede878 100644
--- a/src/main.js
+++ b/src/main.js
@@ -18,7 +18,6 @@ $(document).ready(function(){
     el: $('#canvasWrapper')[0]  
   });
 
-  // make the canvas for us
   if (/\?demo/.test(window.location.href)) {
     setTimeout(function() {
       events.trigger('submitCommandValueFromEvent', "gc; git checkout HEAD~1; git commit; git checkout -b bugFix; gc; gc; git rebase master; git checkout master; gc; gc; git merge bugFix");
@@ -47,22 +46,3 @@ function initUI() {
   $('#commandTextField').focus();
 }
 
-function windowResize() {
-  var smaller = 10;
-  var el = $('#canvasWrapper')[0];
-
-  var left = el.offsetLeft;
-  var top = el.offsetTop;
-  var width = el.clientWidth - smaller;
-  var height = el.clientHeight - smaller;
-
-  if (paper && paper.canvas) {
-    $(paper.canvas).css({
-      left: left + 'px',
-      top: top + 'px'
-    });
-    paper.setSize(width, height);
-  }
-  events.trigger('canvasResize', width, height);
-}
-
diff --git a/src/visuals.js b/src/visuals.js
index 53f86cd0..b4f10a89 100644
--- a/src/visuals.js
+++ b/src/visuals.js
@@ -11,6 +11,7 @@ var Visualization = Backbone.View.extend({
   },
 
   paperInitialize: function(paper, options) {
+    this.paper = paper;
     this.commitCollection = new CommitCollection();
     this.branchCollection = new BranchCollection();
 
@@ -25,8 +26,25 @@ var Visualization = Backbone.View.extend({
     });
 
     // needs to be called before raphael ready
-    windowResize();
+    this.myResize();
     events.trigger('raphaelReady');
+  },
+
+  myResize: function() {
+    var smaller = 10;
+    var el = this.el;
+
+    var left = el.offsetLeft;
+    var top = el.offsetTop;
+    var width = el.clientWidth - smaller;
+    var height = el.clientHeight - smaller;
+
+    $(this.paper.canvas).css({
+      left: left + 'px',
+      top: top + 'px'
+    });
+    paper.setSize(width, height);
+    events.trigger('canvasResize', width, height);
   }
 
 });