HTML - Xhtml Or Javascript?

I have been creating a website with Javascript. When the user rolls over an image button, the button will glow and when the user presses on the button it will change to and image of the button being pressed. This program has been working with at least 6 buttons but the current button i'm working on stops doing what the previous buttons did and I would like to know why.

I copied the codes exactly the same as the previous buttons, changed the image picture and provided the correct links to each image but somehow it just stops working.

Thank you for your help (:

-=Example of the codes=-

Button 1:
<a href="'test2.htm" onMouseDown="pressButton('chatBtn');return true;" onMouseOver="overButton('chatBtn');return true;" onMouseOut="releaseButton('chatBtn');return true;"><img name=chatBtn src="images/chat.png" border="0" alt="Chat" /></a>

Button 2:
<a href='test.htm' onMouseDown="pressButton('backBtn');return true;" onMouseUp="overButton('backBtn');return true;" onMouseOut="releaseButton('backBtn');return true;"><img name=backBtn src="images/back.png" border="0" alt="Back" /></a>

Javascript code:
// Preloading Images
if (document.images)
{
chatBtn_up = new Image(); chatBtn_up.src="images/chat.png";
chatBtn_down= new Image(); chatBtn_down.src="images/chatPress.png";
chatBtn_hover = new Image(); chatBtn_hover.src="images/chatHover.png";

backBtn_up = new Image(); backBtn_up.src="images/back.png";
backBtn_down= new Image(); backBtn_down.src="images/backPress.png";
backBtn_hover = new Image(); backBtn_hover.src="images/backHover.png";
}

// Event Handlers for button
function pressButton(btName)
{
if (document.images)
eval('document.'+btName+'.src='+btName+'_down.src');
}

function releaseButton(btName)
{
if(document.images)
eval('document.'+btName+'.src='+btName+'_up.src');
}

function overButton(btName)
{
if (document.images)
eval('document.'+btName+'.src='+btName+'_hover.src');
}

Ok, so, I have a copy of Macromedia Fireworks. I used it to create a rollover navigation bar for my site (see link at the end of this post).

Fireworks exports the file as HTML, and not XHTML, so the JavaScript in the code doesn't validate.

The W3C Validator has found 4 problems (there was around 70,but i fixed those all up, because they were just img tag issues):



If anyone knows JavaScript and can fix these (or at least help me fix them), please post!

Link to the page in question: http://ericsartor.freehostia.com/new-template/

Just view the source to see what I'm talking about.

Hi.

My entire site is 100% XHTML1.1. Except for some new code I added which causes errors in validation.

the code is
HTML Code:

<a href="http://babelfish.altavista.com/babelfish/"  onclick="window.open('http://babelfish.altavista.com/babelfish/trurl_pagecontent?lp=en_it&url='+encodeURIComponent(location.href));return false;" title="Translate to Italian"><img title="Italian" src="http://geekimo.com/licons/it.png" alt="Italian" /></a>

I understand maybe CDATA islands can help with this? or making it external? but I have no idea how to do that with it having html code in there too.. I don't know if you can surround it in CDATA tags.

There are other lines of code too, exactly the same except have different languages.

Any help would be awesome!

Which one is better? XHTML STRICT 1.0 or XHTML 1.1

Please anybody tell me about the XHTML.