added Endnotes pop up and image resizing

fpjs/hooks/extras/music.js

@@ -0,0 +1,68 @@
+FP.Hooks.register("beforeChapterDisplay").music = function(callback, chapter){
+
+		var trans = chapter.doc.querySelectorAll('audio'),
+			items = Array.prototype.slice.call(trans),
+			playing = false;
+
+		items.forEach(function(item){
+			var onSpread = 0;
+
+
+			function getPage() {
+				left = item.getBoundingClientRect().left;
+				onSpread = Math.floor(left / chapter.spreadWidth) + 1; //-- pages start at 1
+				//console.log("left", left, onPage)
+				// width = orginal_width;
+				// height = orginal_height;
+				// 
+				// if(width > chapter.colWidth){
+				// 	ratio = chapter.colWidth / width; 
+				// 
+				// 	width = chapter.colWidth;
+				// 	height = height * ratio;
+				// }
+				// 
+				// iframe.width = width;
+				// iframe.height = height;
+			}
+			
+			function shouldPlay(e) {
+				page = 1;
+				if(e) page = e.msg;
+
+				if(page != onSpread) return;
+				
+				if(playing) playing.pause();
+				
+				item.play();
+				
+				playing = item;
+				
+				console.log("start", item.src)
+				
+			}
+			
+			
+			
+			
+			//-- resize event
+
+
+			chapter.book.listenUntil("book:resized", "book:chapterDestroy", getPage);
+			
+			chapter.book.listenUntil("book:pageChanged", "book:chapterDestroy", shouldPlay);
+
+			item.removeAttribute("controls");			
+	
+			getPage();
+			shouldPlay();
+			
+		});
+
+
+
+
+		if(callback) callback();
+
+
+}