[JavaScript] Onmouseover - zwiększenie wymiarów diva po najechaniu kursorem Opcje

[Age1869]

Witam, nie znam kompletnie JS, zawsze go unikałem jak ognia i w konsekwencji nie mam o nim pojęcia. Muszę go natomiast zastosować. Chodzi o wybór języka. Są 4 flagi, domyślnie ma się wyświetlać tylko jedna, ale po najechaniu na nią mają się pokazywać pod nią dodatkowe trzy. Znalazłem jakiś gotowy kod JS i próbowałem go przerobić. Niestety nie działa. Będę wdzięczny za pomoc.

JS:

[HTML] pobierz, plaintext 
<script language="Javascript">
 
 <!--
 
 function toggleDiv(id,flagit) {
 
 if (flagit=="1"){
 
 if (document.layers) { document.layers[''+id+''].height = "92px";
						document.layers[''+id+''].visibility = "show"; }
 
 else if (document.all) { document.all[''+id+''].style.height = "92px"; document.all[''+id+''].style.visibility = "visible"; }
 
 else if (document.getElementById) { document.getElementById(''+id+'').style.height = "92px"; document.getElementById(''+id+'').style.visibility = "visible"; }
 
 }
 
 else
 
 if (flagit=="0"){
 
 if (document.layers) { document.layers[''+id+''].height = "34px"; document.layers[''+id+''].visibility = "show"; }
 
 else if (document.all) { document.all[''+id+''].style.height = "34px"; document.all[''+id+''].style.visibility = "visible"; }
 
 else if (document.getElementById) { document.getElementById(''+id+'').style.height = "34px"; document.getElementById(''+id+'').style.visibility = "visible"; }
 
 }
 
 }
 
 
 
 
 
 //-->
 
 </script>  
[HTML] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
<div id="jezyk" onMouseOver="toggleDiv('jezyk',1)" onMouseOut="toggleDiv('jezyk',0)">tutaj są flagi</div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
#jezyk {
	width: 40px;
	height: 34px;
	z-index: 10;
}
[HTML] pobierz, plaintext 

Z góry dzięki!

[szczemp]

nie lepiej cssem taką sztuczkę zrobić?
ja na jednej z moich stron mam takie drop - down menu
kawałek kodu:

[HTML] pobierz, plaintext 
<li class = "folder">Menu
  <ul>
    <li><a href = "#">link1</a></li>
    <li><a href = "#">lin2</a></li>
    <li><a href = "#">link3</a></li>
  </ul>
</li
[HTML] pobierz, plaintext 

i kod css

[HTML] pobierz, plaintext 
li.folder	{ }		
li.folder ul {
	position:absolute;
	background-image: url(menu-top.jpg);
}		
li.folder:hover { z-index:10; }
li a.submenu { }
li.folder {
	position:relative;
	z-index:9;
}
ul ul, li:hover ul ul {
	display:none;
}
li:hover ul, li:hover li:hover ul {
	display:block;
}
[HTML] pobierz, plaintext