diff --git a/web/skins/bootstrap/js/app.js b/web/skins/bootstrap/js/app.js
index e5f3c82d6..93fc48781 100644
--- a/web/skins/bootstrap/js/app.js
+++ b/web/skins/bootstrap/js/app.js
@@ -13,3 +13,12 @@ ZoneMinder.factory('Header', function($http) {
 		}
 	};
 });
+
+ZoneMinder.factory('Event', function($http) {
+	return {
+		getEvent: function(eventId) {
+			return $http.get('/api/events/'+ eventId +'.json');
+		}
+	};
+});
+
diff --git a/web/skins/bootstrap/js/controllers.js b/web/skins/bootstrap/js/controllers.js
index 1b7c84b8a..9d42fa6a4 100644
--- a/web/skins/bootstrap/js/controllers.js
+++ b/web/skins/bootstrap/js/controllers.js
@@ -1,7 +1,30 @@
-var ZoneMinder = angular.module('ZoneMinderControllers', [])
+var ZoneMinder = angular.module('ZoneMinderControllers', []);
 
-.controller('HeaderController', function($scope, Header) {
+ZoneMinder.controller('HeaderController', function($scope, Header) {
 	Header.getLogState(function(results) {
 		console.log(results);
 	});
 });
+
+ZoneMinder.controller('EventController', function($scope, $location, Event) {
+
+	var eventId = $location.search().eid;
+
+	Event.getEvent(eventId).then(function(results) {
+		$scope.eventId			= eventId;
+		$scope.name 				= results.data.event.Event.Name;
+		$scope.cause 				= results.data.event.Event.Cause;
+		$scope.startTime 		= results.data.event.Event.StartTime;
+		$scope.endTime 			= results.data.event.Event.EndTime;
+		$scope.width 				= results.data.event.Event.Width;
+		$scope.length 			= results.data.event.Event.Length;
+		$scope.frames				= results.data.event.Event.Frames;
+		$scope.alarmFrames	= results.data.event.Event.AlarmFrames;
+		$scope.totScore				= results.data.event.Event.TotScore;
+		$scope.avgScore				= results.data.event.Event.AvgScore;
+		$scope.maxScore				= results.data.event.Event.MaxScore;
+		$scope.notes				= results.data.event.Event.Notes;
+
+
+	});
+});