Newbie needs help

[amr06]

Hi I am new to javascript and I am trying to create a webpage that will display a numerical set of numbers based on what time it is. then on mouse over the numbers swap the image with another image to create an animation? below is what I have so far but it does not work. Please HELP ME

<script type="text/javascript">

var d = new Date();
var i = d.getHours();

if (i == 0)
{
document.write("0")
}
else if (i >=0 && i <1)
{
document.write("0 " + "1 ")
}
else if (i >=1 && i <2)
{
document.write(("0 " + "1 " + "2 ")
}
else if (i >=2 && i <3)
{
document.write("0 " + "1 " + "2 " + "3 ")
}
else if (i >=3 && i <4)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 ")
}
else if (i >=4 && i <5)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 ")
}
else if (i >=6 && i <7)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 ")
}
else if (i >=7 && i <8)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 ")
}
else if (i >=8 && i <9)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 ")
}
else if (i >=9 && i <10)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 ")
}
else if (i >=10 && i <11)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 ")
}
else if (i >=11 && i <12)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 "+ "11 ")
}
else if (i >=12 && i <13)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 ")
}
else if (i >=13 && i <14)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 ")
}
else if (i >=14 && i <15)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 ")
}
else if (i >=15 && i <16)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 " + "15 ")
}
else if (i >=16 && i <17)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 " + "15 "+ " 16 ")
}
else if (i >=17 && i <18)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 " + "15 " + "16 " + "17 ")
}
else if (i >=18 && i <19)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 " + "15 " + "16 " + "17 " + "18 ")
}
else if (i >=19 && i <20)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 " + "15 " + "16 " + "17 " + "18 " + "19 ")
}
else if (i >=20 && i <21)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 " + "15 " + "16 " + "17 " + "18 " + "19 " + "20 ")
}
else if (i >=21 && i <22)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 " + "15 " + "16 " + "17 " + "18 " + "19 " + "20 " + "21 ")
}
else if (i >=22 && i <23)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 " + "15 " + "16 " + "17 " + "18 " + "19 " + "20 " + "21 " + "22 ")
}
else if (i >=23 && i <24)
{
document.write("0 " + "1 " + "2 " + "3 " + "4 " + "5 " + "6 " + "7 " + "8 " + "9 " + "10 " + "11 " + "12 " + "13 " + "14 " + "15 " + "16 " + "17 " + "18 " + "19 " + "20 " + "21 " + "22 " + "23")
}
</script>

 

[snowboardr]

http://www.w3schools.com/js/js_switch.asp

Army : Combat Engineer : 21B