Javascript Drop Down Menu Issue. Replacing Text of the Menu

[Ivann]

Hi All,

I have a javascript/css menut that i have which i start when the html
page loads.

<script type="text/javascript">css dropdown.startc hrome("chromeme nu")</
script>
***THIS IS IN THE BODY*****

What i am trying to do is replace the text inside of a div <alink.
So that i Translate the text into spanish. When the user hovers on
this 'Attractions' it brings up the menu below. But after i make the
javascript function call below it swaps the text with the new one
below in spanish, but no longer have the drop down menu below. Do i
need to make the function call to restart the javascript menu again?

<A rel="attraction s" onclick="loadxm lfile(load); return false;"
href="#">
Attractions

</A>
<div id="attractions " class="dropmenu div" >

<li>
<A href="attractio ns.html" onclick="loadxm lfile('english/
attractions.xml '); return false;" >
View All
</A>
</li>
Here are my javascript functions.

function translateesp(){

document.getEle mentById("attra ctionsli").inne rHTML = '<A
rel="attracions " onclick="loadxm lfile(\'espanol/attractions.xml \');
return false;" href="#">Attrac iones </A>';

document.getEle mentById("attra ctions").innerH TML ='<li><A
href="attractio ns.html" onclick="loadxm lfile(\'espanol/attractions.xml
\'); return false;" >Ver Todas</A></li>';
}

[Ivann]

Here is the link to the page on my site.

http://www.belizemapia.com/layout1.html

If hover over attractions you can see the drop down menu. Upon
clicking on Espanol on the Language drop down the text is replaced but
the drop down menu no longer appears.

Here is the Javascript file.

http://www.belizemapia.com/langtranslate.js