diff --git a/js/readium_sdk.js b/js/readium_sdk.js
index 0b2a9c0dc..0b68265a5 100644
--- a/js/readium_sdk.js
+++ b/js/readium_sdk.js
@@ -65,7 +65,9 @@ ReadiumSDK = {
                 CONTENT_DOCUMENT_LOADED: "ContentDocumentLoaded",
                 MEDIA_OVERLAY_STATUS_CHANGED: "MediaOverlayStatusChanged",
                 MEDIA_OVERLAY_TTS_SPEAK: "MediaOverlayTTSSpeak",
-                MEDIA_OVERLAY_TTS_STOP: "MediaOverlayTTSStop"
+                MEDIA_OVERLAY_TTS_STOP: "MediaOverlayTTSStop",
+                MEDIA_OVERLAY_HIGHLIGHT_APPLIED: "MediaOverlayHighlightApplied",
+                MEDIA_OVERLAY_HIGHLIGHT_REMOVED: "MediaOverlayHighlightRemoved"
             },
 
     InternalEvents: {
diff --git a/js/views/media_overlay_element_highlighter.js b/js/views/media_overlay_element_highlighter.js
index 5e81dbcec..b2665123e 100644
--- a/js/views/media_overlay_element_highlighter.js
+++ b/js/views/media_overlay_element_highlighter.js
@@ -208,7 +208,8 @@ ReadiumSDK.Views.MediaOverlayElementHighlighter = function(reader) {
         {
             $(_highlightedElementPar.element).addClass(DEFAULT_MO_SUB_SYNC_CLASS);
         }
-        
+
+        _reader.trigger(ReadiumSDK.Events.MEDIA_OVERLAY_HIGHLIGHT_APPLIED, element);
 // ---- CFI
 //         try
 //         {
@@ -482,6 +483,7 @@ ReadiumSDK.Views.MediaOverlayElementHighlighter = function(reader) {
             //}
 
             _highlightedElementPar = undefined;
+            _reader.trigger(ReadiumSDK.Events.MEDIA_OVERLAY_HIGHLIGHT_REMOVED, element);
         }
 
         _activeClass = "";