onMouseOver и innerHTML не работает ссылка

Существует тег div в нем есть ссылка-картинка, при наведении эта ссылка-картинка заменяется на саму же себя и еще одну ссылку картинку. при этом ссылка почему-то не работает. помогите кто знает почему?

<div id="menu0"></div>

<script>

k=0
n=1
menu=new Array
menu[0]="Glav"
menu[1]="Int"

Men="<DIV id=i"+k+" onMouseOver=Smena1() onMouseOut=Smena0()> <A href='"+menu[k]+".html'  > <IMG src='pic/"+menu[k]+".gif' width=283 height=63 border=0 id="+menu[k]+" /></A></DIV>"
document.all.menu0.innerHTML=Men

function Smena1() {
vst=" <A href='Glav.html' ><IMG src='pic/"+menu[k]+"1.gif' width=283 height=63 border=0 id="+menu[k]+"></A> <BR />"+ "<A href='Int.html' ><IMG src='pic/"+menu[n]+"1.gif' width=283 height=63 border=0 id="+menu[n]+" ></A> <BR />"
d=eval("document.all.i"+k)
d.innerHTML=vst}

</script>

<div id="menu0"></div>

<script>


Men="<DIV id=i0 onMouseOver=Smena1() > <A href='Glav.html'  > <IMG src='pic/Glav.gif' id=Glav /></A></DIV>"
document.all.menu0.innerHTML=Men

function Smena1() {
vst="<A href='Glav.html'  > <IMG src='pic/Glav.gif' id=Glav /><BR />"+ "<A href='Int.html'  > <IMG src='pic/Int.gif' id=Int /> <BR />"
d=document.all.i0
d.innerHTML=vst}

</script>

[Riim]

document.all только для IE .
Посмотрите, как другие пишут код на javascript и html, можно на этом же сайте, а то тихий ужас какой-то.

Так в IE и не работает

Верю что ужас, но все когда-то учились :0)

[B~Vladi]

Верю что ужас, но все когда-то учились

Учились прикручивать готовые скрипты?! Или писать их самому?!

Это в целом не важно, кто чему, кто-то дома строить, кто-то из дерева вырезать. Суть в том что когда учишься сразу не получается красиво, но это не повод бросать.
Я учусь писать сама, если это был скрытый вопрос.

[B~Vladi]

Я учусь писать сама

Дк и пишите сами... зачем с другим возицо - тем более нерабочим...
Ваша проблема - это не проблема. Почитайте основы работы с DOM, надеюсь, это поможет

В смысле с "другим"??
У меня не получается я прошу подсказать в чем поблема...

[Riim]

Что-то я и правда понять не могу почему не работает, сонный наверно. Упростил:

<div id="myMenu"></div>
 
<script type="text/javascript">

window.onload = function() {
	document.getElementById('myMenu').innerHTML = '<div onmouseover="Smena1(this);">link</div>';
};

function Smena1(elem) {
	//elem.onmouseover = null;
	elem.innerHTML = '<a href="Glav.html">link</a>';
}

</script>

Если в Smena1 раскомментировать первую строку или сменить onmouseover на onclick, то начинает работать.

Да но тогда событие пройдет только один раз, т.е. только при первом наведении, мне надо чтобы при каждом, так как когда указатель уходит с картинки, ставшей двумя она снова сворачивается в одну.

<div id="menu0"></div>

<script>


Men="<DIV id=i0 onMouseOver=Smena1()  onMouseOut=Smena0()> <A href='Glav.html'  > <IMG src='pic/Glav.gif' id='Glav' /></A></DIV>"
document.all.menu0.innerHTML=Men

function Smena1() {
vst="<A href='Glav.html'  > <IMG src='pic/Glav.gif' id='Glav' /><BR />"+ "<A href='Int.html'  > <IMG src='pic/Int.gif' id='Int' /> <BR />"
d=document.all.i0
d.innerHTML=vst
}


function Smena0() {
vst1="<A href='Glav.html'  > <IMG src='pic/Glav.gif' id='Glav' /><BR />"
d=document.all.i0
d.innerHTML=vst1
}

</script>
</body>