On mouse over changing images
<p>I want to make little slider with javascript and this is my code. HTML:</p>

<pre><code>&lt;div id="slider"&gt;
    &lt;div id="thumbs"&gt;
        &lt;span id="img1"&gt;&lt;img src="Anim/01.png" onmouseover="tofull(1)"&gt;&lt;/span&gt;&lt;br&gt;
        &lt;span id="img2"&gt;&lt;img src="Anim/02.png" onmouseover="tofull(2)"&gt;&lt;/span&gt;&lt;br&gt;
        &lt;span id="img3"&gt;&lt;img src="Anim/03.png" onmouseover="tofull(3)"&gt;&lt;/span&gt;&lt;br&gt;
        &lt;span id="img4"&gt;&lt;img src="Anim/04.png" onmouseover="tofull(4)"&gt;&lt;/span&gt;&lt;br&gt;
        &lt;span id="img5"&gt;&lt;img src="Anim/05.png" onmouseover="tofull(5)"&gt;&lt;/span&gt;&lt;br&gt;
        &lt;span id="img6"&gt;&lt;img src="Anim/06.png" onmouseover="tofull(6)"&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div id="full"&gt;
        &lt;img src="Anim/01.png"&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>And this is my javascript </p>

<pre><code>function tofull(n){
    switch (tofull){
        case 1:
            document.getElementById("full").innerHTML = "&lt;img src='Anim/01.png'&gt;";
            break;
        case 2:
            document.getElementById("full").innerHTML = "&lt;img src='Anim/02.png'&gt;";
            break;
        case 3:
            document.getElementById("full").innerHTML = "&lt;img src='Anim/03.png'&gt;";
            break;
        case 4:
            document.getElementById("full").innerHTML = "&lt;img src='Anim/04.png'&gt;";
            break;
        case 5:
            document.getElementById("full").innerHTML = "&lt;img src='Anim/05.png'&gt;";
            break;
        case 6:
            document.getElementById("full").innerHTML = "&lt;img src='Anim/06.png'&gt;";
            break;
    }
}
</code></pre>

<p>Everytime I hover on the image in <code>#thumbs</code>, nothing happens. Can you tell me why? Idea is that if I hover on img1 I want to make print him in <code>#full</code>. </p>
