dispatch event when showing lightbox or help overlay

js/controllers/overlay.js

@@ -49,7 +49,7 @@ export default class Overlay {
 		this.viewport.classList.add( 'r-overlay-viewport' );
 
 		this.dom.appendChild( this.viewport );
-		this.Reveal.getViewportElement().appendChild( this.dom );
+		this.Reveal.getRevealElement().appendChild( this.dom );
 
 	}
 
@@ -91,6 +91,8 @@ export default class Overlay {
 			this.close();
 		}, false );
 
+		this.Reveal.dispatchEvent({ type: 'showiframepreview', data: { url } });
+
 	}
 
 	/**
@@ -178,6 +180,8 @@ export default class Overlay {
 			event.preventDefault();
 		}, false );
 
+		this.Reveal.dispatchEvent({ type: 'showmediapreview', data: { mediaType, url, trigger } });
+
 	}
 
 	/**
@@ -246,6 +250,8 @@ export default class Overlay {
 				event.preventDefault();
 			}, false );
 
+			this.Reveal.dispatchEvent({ type: 'showhelp' });
+
 		}
 
 	}