title: Javascript Changing the selected Menu items class
body: <p>Assume that I have such menu</p>
  
  <pre><code>&lt;ul id="leftMenu"&gt;
      &lt;li class="selected"&gt;Foo1&lt;/li&gt;
      &lt;li&gt;Foo2&lt;/li&gt;
      &lt;li&gt;Foo3&lt;/li&gt;
      &lt;li&gt;Foo4&lt;/li&gt;
      &lt;li&gt;Foo5&lt;/li&gt;
      &lt;li&gt;Foo6&lt;/li&gt;             
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now via javascript, I want to change the highlighted one thus remove the "selected" from the current one and add to the next one</p>
  
  <p>What I need is, first remove the class from the currently selected one, than add to the next.</p>
  
  <p>How can this be achieved?</p>
  
  <p>EDIT: I use this for an embedded system WITHOUT mouse or jquery but remote control and plain javascript so up and down are my only options, no hover allowed :S</p>