Mehrsprachigkeit innerhalb einer Seite

[Jonnah]

Hallo,
eine HTML-Seite soll durch alternative Textabschnitte mittels "lang=" zweisprachig sein, z.B.

----------
<h1 lang="de">Deutsche Seite</h1>
<h1 lang="en">English Site</h1>
<h2>Dr. Alfred Meier</h2>
----------

Mit Hilfe von CSS und (vermutlich am besten) Javascript, soll nun je nach dem, ob der Link <a href="#" onMouseOver="de(lang)">Deutsch</a> oder <a href="#" onMouseOver="en(lang)">English</a> angeklickt wird, NUR die, mit der entsprechenden Sprache ausgezeichneten Elemente PLUS solche, die gar keine Sprachauszeichnung beinhalten, angezeigt werden (im Bsp. oben h2).

Leider bin ich in Javascript nicht besonders bewandert, weshalb ich nicht weiß, wie man alle mit lang ausgezeichneten Elemente ansprechen kann. Gemeint ist jedenfalls sowas wie:

----------
var lang;
function de(lang)
{document.getElementByLang(en).style.visibility="hidden";}
function en(lang)
{document.getElementByLang(de).style.visibility="hidden";}
----------

Die Erstansicht sollte schließlich (mit .htaccess?) der jeweiligen Browsereinstellung des Nutzers entsprechen.

Über hilfreiche Hinweise wäre ich ziemlich dankbar!

Viele Grüße
Jonnah