test - Plunker

<HTML>
	<BODY>
		<div style="display:block;position:absolute;top:20px;left:20px;z-index:997;">
			<iframe name="UBERFRAME" src="index2.html" frameborder="0" allowtransparency="yes" scrolling="no" style="width:800; height:480; position:relative; left:0px;top:0px;margin:0;padding:0;" ></iframe>
		</div>
		<div id="dd" name="dd" style="position:absolute;top:20px;left:20px;z-index:998;">
			<iframe id = "overlayframe" name = "OVERLAY" src="testframe.html" frameborder="0" allowtransparency="yes" scrolling="no" style="width:800px; height:428px; position:relative; left:0px;top:0px;margin:0;padding:0;" ></iframe>
		</div>
	</BODY>
</HTML>

<HTML>
	<FRAMESET ROWS="51,376,53,*" FRAMEBORDER="0" FRAMESPACING="0">
		<FRAMESET COLS="70,335,324,71,*" FRAMEBORDER="0" FRAMESPACING="0">
			<FRAME SRC="HEADER/home.html" NAME="homeheader" NORESIZE SCROLLING="no">
			<FRAME SRC="name.html" NAME="nameheader" NORESIZE SCROLLING="no">
			<FRAME SRC="HEADER/datetime.html" NAME="datetimeheader" NORESIZE SCROLLING="no">
			<FRAME SRC="HEADER/help.html" NAME="helpheader" NORESIZE SCROLLING="no">
		</FRAMESET>
		
		<FRAME SRC="mainempty.html" NAME="mainframe2" NORESIZE SCROLLING="no" BORDER="0">
		
		<FRAMESET COLS="69,142,70,316,100,103,*" FRAMEBORDER="0" FRAMESPACING="0">
			<FRAME SRC="FOOTER/so.html" NAME="so" NORESIZE SCROLLING="no">
			<FRAME SRC="shades.html" NAME="shades" NORESIZE SCROLLING="no">
			<FRAME SRC="FOOTER/sendsource.html" NAME="sendsource" NORESIZE SCROLLING="no">
			<FRAME SRC="FOOTER/volume.html" NAME="volume" NORESIZE SCROLLING="no">
			<FRAME SRC="FOOTER/micmute.html" NAME="micmute" NORESIZE SCROLLING="no">
			<FRAME SRC="FOOTER/outmute.html" NAME="outmute" NORESIZE SCROLLING="no">
		</FRAMESET>
	</FRAMESET>
</HTML>

<HTML>
<HEAD>
	<script type="text/javascript">
		function hidedd() {
			window.frames['OVERLAY'].style.display = "none";
		}
	</script>
</HEAD>
<BODY>

<a href="#" onclick="hidedd(); return false;" >
remove Donald Duck
</a>
</BODY>
</HTML>

<HTML>
  <BODY>
    <IMG SRC="http://img3.wikia.nocookie.net/__cb20130203061323/disney/images/6/6b/Donald_Duck_transparent.png">
  </BODY>
</HTML>

<HTML>

<HEAD>
  <script type="text/javascript">
    function showdd() {
      window.frames['OVERLAY'].style.display = "block";
    }
  </script>
</HEAD>

<BODY>

  <a href="#" onclick="showdd(); return false;">
show Donald Duck
</a>
</BODY>

</HTML>