Problema al ocultar un video de youtube

Hola amigos aquí el código:
Código
<html>
<HEAD>
<TITLE>LAUNCHER</TITLE>
<script>
function show(myID) {
document.getElementById(myID).style.display = "block";
}
function hide(myID) {
document.getElementById(myID).style.display = "none";
}
 
function write(myID) {
document.getElementById(myID).style.innerHTML = "<iframe style='position:absolute; top:0px; left:0px;' width='382' height='340' src='http://www.youtube.com/embed/y9K18CGEeiI?autoplay=1' frameborder='0' allowfullscreen></iframe>";
}
function delet(myID) {
document.getElementById(myID).style.innerHTML = "";
}
</script>
<style type="text/css"> 
.panel
{
position:absolute;
width:510px;
height:340px;
top:45px;
left:0px;
text-align:center;
background: #fff url('images/fondo.png') repeat; 
}
.subp {
width:382px;
height:340px;
position:absolute;
left:260px;
margin-left:-191px;
top:0;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#wbo {
position:absolute;
width:510px;
height:430px;
left:0;
top:0;
background: #000;
display:none;
}
#credit {
position:absolute;
width:510px;
height:430px;
left:0;
top:0;
background: #000;
display:none;
}
#serie {
position:absolute;
width:510px;
height:430px;
left:0;
top:0;
background: #000;
display:none;
}
</style>
<style>
body {
width:100%;
height:100%;
margin:0px;
font-family:arial;
font-size:12px;
}
#table {
text-align:center;
position:absolute;
bottom:0px;
left:0px;
}
#td {
width:170px;
}
.bg {
	/* Set rules to fill background */
	background: #fff url('images/fondo.png') repeat; 
	/* Set up proportionate scaling */
	width: 510px;
	height: 340px;
 
	/* Set up positioning */
	position: absolute;
	top: 45;
	left: 0;
}
 
 
.logo {
position:absolute;
width:410px;
height:75px;
top:55px;
left:260px;
margin-left:-205px;
}
.logo2 {
position:absolute;
top:135px;
left:260px;
width:180px;
height:32px;
margin-left:-90px;
}
.login {
width:350px;
height:70px;
background: #808080;
position:absolute;
left:260px;
margin-left:-175px;
top:174px;
border: 5px #000 solid;
}
.wbg {
width:510px;
height:45px;
position:absolute;
top:0px;
left:0px;
background: url('images/wbg.png') repeat;
}
@font-face {
    font-family: 'xeronregular';
    src: url('fonts/xeron.eot');
    src: url('fonts/xeron.eot?#iefix') format('embedded-opentype'),
         url('fonts/xeron.woff') format('woff'),
         url('fonts/xeron.ttf') format('truetype'),
         url('fonts/xeron.svg#xeronregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
.back {
width:510px;
height:45px;
background:#000;
position:absolute;
bottom:0px;
left:0px;
}
#byr {
width:125px;
height:25px;
}
#cerrar {
width:16px;
height:16px;
top:15px;
right:16px;
position:absolute;
}
.ser13 {
position:absolute;
left: 260px;
margin-left:-90px;
bottom:55px;
}
#wbod {
width:100%;
height:100%;
}
#back {
position:relative;
top:5px;
}
#progress {
 width: 400px;   
 border: 1px solid black;
 padding: 3px;
 background:#fff;
 position:absolute;
 bottom:85px;
 left:260px;
 margin-left:-200px;
}
 
#percent {
 top:2px;
 position: absolute;   
 left: 50%;
 margin-left:-38px;
 width:100%;
}
 
#bar {
 height: 20px;
 background-color: green;
 width: 60%;
 position:relative;
 left:-78px;
}
#info6 {
position:absolute;
top:295px;
left:260px;
margin-left:-84px;
color:#fff;
font-weight:bold;
font-size:15px;
}
 a:link {
	text-decoration: none;
	color: #0000ff;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
}
a img {border:0;}
#random1 {display:none;}
</style>
 
<!-- Propiedades del Launcher (HTA) -->
 
<HTA:APPLICATION
	ID="HTA" 
	APPLICATIONNAME="HTA" 
	BORDER="none"
	BORDER STYLE="raised"
	CAPTION="yes"
	SCROLL="no"
	SELECTION="no">
<body bgcolor="000000">
</HEAD>
<body>
<center>
 
<!-- Botones del menu -->
 
<script language="VBScript">
Function ejecutar()
set objshell = createobject("wscript.shell")
appdata = objshell.expandenvironmentstrings("%APPDATA%")
objshell.run appdata & "\Ikillnukes\MC.bat"
End Function
 
Function opciones()
set objshell = createobject("wscript.shell")
appdata = objshell.expandenvironmentstrings("%APPDATA%")
objshell.run appdata & "\Ikillnukes\OPT.hta"
End Function
 
Function test()
        strLine = document.getElementById("username").value
        Set objFSO = CreateObject("Scripting.FileSystemObject")
        Set objTextFile = objFSO.OpenTextFile("User.txt", 2, True)  
        objTextFile.WriteLine(strLine)
        objTextFile.Close
    End Function
</script>
 
<!-- Cerrar ventana -->
 
<script languaje="Javacript">
function salir() {
setTimeout('window.close()',250)
}
</script>
 
<!-- Centrar ventana y leer User -->
 
 <script language="VBScript">
       Sub Window_Onload
           strComputer = "."
           Set objWMIService = GetObject("winmgmts:\\" & strComputer & "\root\cimv2")
           Set colItems = objWMIService.ExecQuery("Select * From Win32_DesktopMonitor")
           For Each objItem in colItems
               intHorizontal = objItem.ScreenWidth
               intVertical = objItem.ScreenHeight
           Next
           intLeft = (intHorizontal - 510) / 2
           intTop = (intVertical - 430) / 2
           window.resizeTo 510,430
           window.moveTo intLeft, intTop
 
           ' Aquí lees la linea del archivo de texto
            set objFileToRead = CreateObject("Scripting.FileSystemObject").OpenTextFile("User.txt",1)
            strLine = objFileToRead.ReadLine()
            objFileToRead.Close
 
            document.getElementById("username").value = strLine
       End Sub
    </script>
 
<!-- Creditos script -->
 
 <script type="text/javascript">
  function link1() {
      var shell = new ActiveXObject("WScript.Shell");
      shell.run("http://www.google.com");
  }
  </script>
<div id="wbod">
<div class="wbg">
<h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Login</b></h2>
<img src="images/cerrar0.png" onmouseover="this.src='images/cerrar1.png';" onmouseout="this.src='images/cerrar0.png';" onClick="javascript:window.close();" name="btnCerrar" id="cerrar" />
</div>
<div class="bg">
</div>
<img src="images\image2.png" class="logo" />
<img src="images\text.png" class="logo2" />
<div class="login">
<center><br>Usuario: <input type="text" id="username" style="width:200px; position:relative; top:2px;" /></center>
</div>
 
<span id="info6">Progreso del Launcher:</span>
<div id="progress">
    <div id="bar"><span id="percent"><b>60%</b></span></div>
</div>
 
<img src="images/serie1.png" onmouseover="this.src='images/serie2.png';" onmouseout="this.src='images/serie1.png';" onClick="show('serie')" name="btnSerie" class="ser13" />
<div class="back">
 
<table id="table">
<tr><td id="td">
<img src="images/opciones1.png" onmouseover="this.src='images/opciones2.png';" onmouseout="this.src='images/opciones1.png';" onClick="show('wbo')" name="btnOpciones" id="byr" />
</td><td id="td">
<a href="#" onClick="test()">
<a href="#" onClick="ejecutar()">
<img src="images/jugar1.png" onmouseover="this.src='images/jugar2.png';" onmouseout="this.src='images/jugar1.png';" onclick="salir()" name="btnEjecutar" id="byr" /></a></a>
</td><td id="td">
<img src="images/creditos1.png" onmouseover="this.src='images/creditos2.png';" onmouseout="this.src='images/creditos1.png';" onClick="show('credit')" name="btnCreditos" id="byr" />
</td></tr></table>
 
</div>
<div id="wbo">
<div class="wbg">
<h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Opciones</b></h2>
</div>
<div class="panel"><div class="subp">Hello world!</div></div>
<div class="back">
<img src="images/back1.png" onmouseover="this.src='images/back2.png';" onmouseout="this.src='images/back1.png';" onClick="hide('wbo')" name="btnCreditos" id="back" />
</div>
</div>
 
<div id="credit">
<div class="wbg">
<h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Creditos</b></h2>
</div>
<div class="panel"><div class="subp">
<!-- Creditos -->
<marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="1" width="382" height="340" style="text-align:center;"><span onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">
<h1>Cr&eacute;ditos</h1><br><br><h3>Creador:</h3><br>&#38;#187; <b style="font-size:15px;">Ikillnukes</b> (<a href="#" title="Link #1" onclick="link1()">Twitter</a>) (<a href="#" title="Link #1" onclick="link1()">YouTube!</a>) (<a href="#" title="Link #1" onclick="link1()">Foro.elhacker.net</a>)<br><br><h2>Colaboradores:</h2><br><h3>Programaci&oacute;n:</h3><br>&#38;#187; <b>Elektro H@cker</b> (<a href="#" title="Link #1" onclick="link1()">Perfil - Foro.elhacker.net</a>) <br><b style="color:#666;">Ayudar en Sintaxis y algunos c&oacute;digos</b><br>&#38;#187; <b>NovLucker</b> (<a href="#" title="Link #1" onclick="link1()">Perfil - Foro.elhacker.net</a>) <br><b style="color:#666;">Ayudar con el Launcher (lo que es la base)</b><br><h2>Alpha-Testers:</h2><br>
&#38;#187; <b>Jugadora23</b> (<a href="#" title="Link #1" onclick="link1()">Twitter</a>) (<a href="#" title="Link #1" onclick="link1()">YouTube!</a>) (<a href="#" title="Link #1" onclick="show('random1')">Cositos random :3</a>) <br>
&#38;#187; ErVSPanchi (<a href="#" title="Link #1" onclick="link1()">Perfil - Foro.elhacker.net</a>) <br>
&#38;#187; Ferminuno (<a href="#" title="Link #1" onclick="link1()">Perfil - Foro.elhacker.net</a>) <span></marquee>
 
</div></div>
<div class="back">
<img src="images/back1.png" onmouseover="this.src='images/back2.png';" onmouseout="this.src='images/back1.png';" onClick="hide('credit')" name="btnCreditos" id="back" />
</div>
</div>
 
<div id="serie">
<div class="wbg">
<h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Creditos</b></h2>
</div>
<div class="panel"><div class="subp">Hello world!</div></div>
<div class="back">
<img src="images/back1.png" onmouseover="this.src='images/back2.png';" onmouseout="this.src='images/back1.png';" onClick="hide('serie')" name="btnCreditos" id="back" />
</div>
</div>
 
<div id="random1">
<div class="wbg">
<h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Random</b></h2>
</div>
<div class="panel"><div class="subp" id="youtube" style="background:#666;"><iframe style="position:absolute; top:0px; left:0px;" width="382" height="340" src="http://www.youtube.com/embed/y9K18CGEeiI?autoplay=1" frameborder="0" allowfullscreen></iframe></div>
<div class="back">
<img src="images/back1.png" onmouseover="this.src='images/back2.png';" onmouseout="this.src='images/back1.png';" onClick="hide('random1')+hide('credit')" name="btnCreditos" id="back" />
</div>
</div>
 
</div>
 
</center>
</body>
</html>
El problema es que, no se oculta el video y sigue reproduciéndose y lo probe con un innerHTML pero no workea xD Así que.

PD: Imagenes
Un saludo.

PD: El archivo aquí http://www.mediafire.com/?ch58h1jnlxnlgoh