function changeEN() { document.getElementsByTagName(‘h1′)[0].firstChild.nodeValue=’Hello!’; } function changeTX() { document.getElementsByTagName(‘h1′)[0].firstChild.nodeValue=’Howdy!’; } function changeBR() { document.getElementsByTagName(‘h1’)[0].firstChild.nodeValue=”’ello!”; } function changeES() { document.getElementsByTagName(‘h1′)[0].firstChild.nodeValue=’¡Hola!’; } function changeHAW() { document.getElementsByTagName(‘h1′)[0].firstChild.nodeValue=’Aloha!’; } function changeKO() { document.getElementsByTagName(‘h1′)[0].firstChild.nodeValue=’An-yong!’; } function changeFR() { document.getElementsByTagName(‘h1′)[0].firstChild.nodeValue=’Bonjour!’; } function myDOMinspector() { var DOMstring=”; if(!document.getElementById || !document.createTextNode){return;} var demoList=document.getElementById(‘languageSwitcher’); if (!demoList){return;} if(demoList.hasChildNodes()){ var ch=demoList.childNodes; for(var i=0;i<ch.length;i++){ DOMstring+=ch[i].nodeName+'n'; } alert(DOMstring); } } which = 'EN'; function change(id) { document.getElementById(which).className="plain"; document.getElementById(id).className="active"; which=id; } body { background: #ffff99 url(http://jayrobinson.name/tumblr/bg-blast-yellow.png) center -200px; font-family: "Futura", sans-serif; margin: 0 auto; width: 960px; } h1 { color: #A5CBE8; font-family: "Futura", sans-serif; font-size: 1200%; font-weight: normal; height: 300px; letter-spacing: -4px; margin: 50px 0 60px; text-align: center; text-shadow: #fff 5px 5px 5px; } ul#languageSwitcher { list-style: none; margin: 0 auto; padding: 0; text-align: center; } li { display: inline; letter-spacing: 1px; margin-right: 25px; padding: 0; text-shadow: #fff -1px -1px 0px; width: 75px; } li.last { margin: 0; padding: 0; } a:link, a:visited { color: #999; outline: 0; text-decoration: none; } a:hover { color: #333; text-shadow: #fff -1px -1px 0px; } a.active { border-bottom: 1px solid #A5CBE8; color: #A5CBE8; padding-bottom: 4px; }