Index: trunk/webapps/einotebook/scripts/Event.js
===================================================================
--- trunk/webapps/einotebook/scripts/Event.js	(revision 538)
+++ trunk/webapps/einotebook/scripts/Event.js	(revision 540)
@@ -35,4 +35,5 @@
     this.normalize = normalize;
 	this.focus = focus;
+    this.get_html_headerRow = get_html_headerRow;
 	
 	//========== private methods ==========//
@@ -159,5 +160,16 @@
 			   "</table>";
 	}
-	
+	/**
+	 * @return The html representation of only the header for this event.
+     * Used by Roles page.
+	 */
+	function get_html_headerRow()
+	{
+		return "<tr>" +
+			   "<td class='eventHeader' style='background-color:" + this.incident.color + "'" +
+               "id='" + this.eventHeaderID + "'>" + 
+			      this.headerHTML() + "</td>" +
+			   "</tr>";
+	}	
 	/**
 	 * Scrolls the window to this Event.
@@ -181,4 +193,6 @@
 	{
 		this.highlighted = true;
+        if (events.doc.getElementById(this.eventHeaderID) != null)
+        {
 		events.doc.getElementById(this.eventHeaderID).style.borderColor = "blue";
 		events.doc.getElementById(this.eventHeaderID).style.backgroundColor = "yellow";
@@ -196,5 +210,5 @@
 			events.doc.getElementById(this.dataID).style.border = "none";
 		}
-	
+        }
 	}
 	
@@ -206,10 +220,13 @@
 	{
 		this.highlighted = false;
-		events.doc.getElementById(this.eventHeaderID).style.backgroundColor = "white";
-		events.doc.getElementById(this.eventHeaderID).style.borderColor = "gainsboro";
-		events.doc.getElementById(this.eventHeaderID).style.color = "gray";
-		events.doc.getElementById(this.dataID).style.border = "0px solid red";
-		events.doc.getElementById(this.dataID).style.backgroundColor = "white";
-		events.doc.getElementById(this.dataID).style.color = "gray";
+        if (events.doc.getElementById(this.eventHeaderID) != null)
+        {
+            events.doc.getElementById(this.eventHeaderID).style.backgroundColor = "white";
+            events.doc.getElementById(this.eventHeaderID).style.borderColor = "gainsboro";
+            events.doc.getElementById(this.eventHeaderID).style.color = "gray";
+            events.doc.getElementById(this.dataID).style.border = "0px solid red";
+            events.doc.getElementById(this.dataID).style.backgroundColor = "white";
+            events.doc.getElementById(this.dataID).style.color = "gray";
+        }
 	}
 	/**
@@ -219,10 +236,15 @@
 	{
         var myColor = this.incident.color;
-		events.doc.getElementById(this.eventHeaderID).style.backgroundColor = "white";
-		events.doc.getElementById(this.eventHeaderID).style.borderColor = "black";
-		events.doc.getElementById(this.eventHeaderID).style.color = "black";
-		events.doc.getElementById(this.dataID).style.color = "black";
-        events.doc.getElementById(this.dataID).style.backgroundColor = myColor;
-		events.doc.getElementById(this.eventHeaderID).style.backgroundColor = myColor;
+        // On the Roles page, we don't list every event, so some will be null
+        // This check will make sure we don't try to normalize non-existing events
+        if (events.doc.getElementById(this.eventHeaderID) != null)
+        {
+            events.doc.getElementById(this.eventHeaderID).style.backgroundColor = "white";
+            events.doc.getElementById(this.eventHeaderID).style.borderColor = "black";
+            events.doc.getElementById(this.eventHeaderID).style.color = "black";
+            events.doc.getElementById(this.dataID).style.color = "black";
+            events.doc.getElementById(this.dataID).style.backgroundColor = myColor;
+            events.doc.getElementById(this.eventHeaderID).style.backgroundColor = myColor;
+        }
     }