javascript - FBJS addClassName removeClassName not working -

i'm trying add , remove classes tabs when people click on them. have right , absolutely nothing..!

<script>  <!--  function toggleclasses() {    tab1 = document.getelementbyid("tab1");    tab2 = document.getelementbyid("tab2");    tab3 = document.getelementbyid("tab3");    tab4 = document.getelementbyid("tab4");     tab1.removeclassname("bsttabselected").addclassname("bsttab");    tab2.removeclassname("bsttabselected").addclassname("bsttab");    tab3.removeclassname("bsttabselected").addclassname("bsttab");    tab4.removeclassname("bsttabselected").addclassname("bsttab");  } //-->  </script> 

i'm calling with:

<a href="#" id="tab1" onclick="toggleclass()" class="bsttabselected" clicktoshow="tab1" clicktohide="tab2,tab3,tab4">tab 1</a> 

i can't seem figure out.. thanks!

you function named toggleclasses (plural) click event calls toggleclass (singular)

edit

are using firefox , firebug? fbjs doesn't ovewrite console, super handy. make sure function running @ all

function toggleclasses() {   console.log( 'hello toggleclasses!' ); }