From 11e47a81a1eb3ace53e148ba21084f594b12bf75 Mon Sep 17 00:00:00 2001
From: Riley Shaw <rileyjshaw@gmail.com>
Date: Sun, 8 Dec 2013 19:34:45 -0500
Subject: [PATCH] Extend body width to fix a bug where events aren't triggered
 once the body is off page

---
 index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 3f357b8..efb3893 100644
--- a/index.html
+++ b/index.html
@@ -257,7 +257,7 @@ <h1 id="title">Life</h1>
 				}
 				d.text = d.text.replace(link[0], "<a href='" + link[2] + "'" + link_attr + ">" + link[1] + "</a>");
 			}
-			
+
 			return '<div class="event" style="margin-left: ' + offset.toFixed(2) + 'px">'
 				+ '<div class="time" style="width: ' + width.toFixed(2) + 'px"></div>'
 				+ '<b>' + d.time.title + '</b> ' + d.text + '&nbsp;&nbsp;'
@@ -284,6 +284,10 @@ <h1 id="title">Life</h1>
 			// Get the first and last year for the year axis
 			var firstYear = new Date().getFullYear();
 			var lastYear = firstYear;
+      var nowYear = new Date().getFullYear();
+      var yearLength = life.yearLength;
+      var dayLength = yearLength/12/30;
+
 			data.forEach(function(d){
 				var time = d.time;
 				var startYear = time.startYear;
@@ -298,6 +302,9 @@ <h1 id="title">Life</h1>
 				html += life.renderEvent(d);
 			});
 			life.$el.innerHTML = html;
+
+			// Fixes bug where mousewheel events aren't triggered once the body is off page
+      document.body.style.width = (nowYear - firstYear) * yearLength + 'px';
 		}
 	};