Updated the flash_topmost ppapi example

ppapi/examples/flash_topmost/flash_topmost.html

Index: ppapi/examples/flash_topmost/flash_topmost.html
diff --git a/ppapi/examples/flash_topmost/flash_topmost.html b/ppapi/examples/flash_topmost/flash_topmost.html
index ba21246ef8abdf79311e9653a72b0888fd7b951c..e7f7faa977f482eca214421168907ce14235cf60 100644
--- a/ppapi/examples/flash_topmost/flash_topmost.html
+++ b/ppapi/examples/flash_topmost/flash_topmost.html
@@ -13,91 +13,11 @@
 embed {
   position: absolute;
 }
-#box0 {
-  background-color: #cccccc;
-  line-height: 200px;
-  padding: 0px;
-  position: absolute;
-  text-align: center;
-  width: 2000px;
-  height: 2000px;
-  z-index: -2;
-}
-#box1 {
-  background-color: #ffff00;
-  line-height: 200px;
-  padding: 0px;
-  position: absolute;
-  text-align: center;
-  width: 200px;
-  height: 200px;
-  z-index: -1;
-}
-#box2 {
-  background-color: #00ffff;
-  line-height: 200px;
-  padding: 0px;
-  position: absolute;
-  text-align: center;
-  width: 200px;
-  height: 200px;
-  z-index: 1;
-}
-#box3 {
-  background-color: #000000;
-  line-height: 200px;
-  padding: 0px;
-  position: absolute;
-  text-align: center;
-  width: 2000px;
-  height: 2000px;
-  z-index: 2;
-  visibility: hidden;
-}
 </style>
 
-<script type="text/javascript">
-var dragInfo = { lastX:0, lastY:0, target:null };
-
-function onMouseDown(event) {
-  dragInfo.lastX = event.clientX;
-  dragInfo.lastY = event.clientY;
-  dragInfo.target = event.target;
-  document.addEventListener("mousemove", onMouseMove, true);
-  document.addEventListener("mouseup", onMouseUp, true);
-  event.preventDefault();
-}
-
-function onMouseMove(event) {
-  deltaX = event.clientX - dragInfo.lastX;
-  deltaY = event.clientY - dragInfo.lastY;
-  dragInfo.lastX = event.clientX;
-  dragInfo.lastY = event.clientY;
-  baseX = parseInt(dragInfo.target.style.left, 10);
-  baseY = parseInt(dragInfo.target.style.top, 10);
-  dragInfo.target.style.left = (baseX + deltaX) + "px";
-  dragInfo.target.style.top = (baseY + deltaY) + "px";
-  event.preventDefault();
-}
-
-function onMouseUp(event) {
-  document.removeEventListener("mousemove", onMouseMove, true);
-  document.removeEventListener("mouseup", onMouseUp, true);
-  event.preventDefault();
-}
-</script>
-
-<div id="box0" style="left:0px;top:0px;"
-     onmousedown="onMouseDown(event)">Box #0</div>
-<div id="box1" style="left:100px;top:400px;"
-     onmousedown="onMouseDown(event)">Box #1</div>
-<embed id="plugin" type="application/x-ppapi-example-flash-topmost"
-     width="400" height="400"
-     style="left:200px;top:400px;" />
-<div id="box2" style="left:200px;top:500px;"
-     onmousedown="onMouseDown(event)">Box #2</div>
-<div id="box3" style="left:0px;top:0px;"
-     onmousedown="onMouseDown(event)">Box #3</div>
+<iframe id="iframe-view" name="iframe-view"
+    src="flash_topmost_inner.html" width=1000 height = 1000>
+</iframe>
 
 </body>
 </html>