Brauche einen Code

<script type="text/javascript"><!--
function ShowList(){
document.getElementById('button').style.display='none';
document.getElementById('show').style.display='block';
document.getElementById('show').innerHTML=document.getElementById('liste').innerHTML;
}
function HiddenList(){
document.getElementById('show').style.display='none';
document.getElementById('button').style.display='block';
}

function ShowIMG(URL, IMGURL){
document.getElementById('dimg').style.display='block';
document.getElementById('imglink').href=URL;
document.getElementById('img').src=IMGURL;
}
function HiddenIMG(){
document.getElementById('dimg').style.display='none';
document.getElementById('imglink').href="";
document.getElementById('img').src="";
}

function ShowAlbum(album){
document.getElementById('show').innerHTML=document.getElementById(album).innerHTML;
}
//-->
</script>
<input type="button" id="button" onClick="ShowList();" value="Liste zeigen" />
<div id="show"></div>
<div id="liste" style="display:none;">
<a href="javascript:void(0)" onClick="ShowAlbum('album1')">1</a>
<a href="javascript:void(0)" onClick="ShowAlbum('album2')">2</a>
<a href="javascript:void(0)" onClick="HiddenList()"> Liste ausblenden</a>
</div>
<div id="album1" style="display:none;">
<a href="javascript:void(0)" onClick="ShowIMG('URL ZU YOUTUBE', 'IMG-URL')">1.1 Bild</a>
<a href="javascript:void(0)" onClick="ShowList()">Zurueck zur Liste</a>
</div>
<div id="album2" style="display:none;">
<a href="javascript:void(0)" onClick="ShowIMG('URL ZU YOUTUBE', 'IMG-URL')">2.1 Bild</a>
<a href="javascript:void(0)" onClick="ShowList()">Zurueck zur Liste</a>
</div>

<div id="dimg" style="display:none;"><a id="imglink"><img alt="" id="img" /></a>
<a href="javascript:void(0)" onClick="HiddenIMG()">Bild ausblenden</a></div>