Разноцветное меню

HTML

<ul id="menu">
	<li><a href='/'>Ссылка</a></li>
	<li><a href='/'>Ссылка</a></li>
	<li><a href='/'>Ссылка</a></li>
    <li><a href='/'>Ссылка</a></li>
	<li><a href='/'>Ссылка</a>
		<ul>
			<li><a href='/'>Ссылка</a></li>
			<li><a href='/'>Ссылка</a></li>
			<li><a href='/'>Ссылка</a></li>
			<li><a href='/'>Ссылка</a></li>
		</ul>
	</li>
    <li><a href='/'>Ссылка</a></li>
</ul>

CSS

.first { background: red; }
.second{ background: green; }
.third { background: blue; }

JavaScript

window.onload = (function () {
    var menuli = document.getElementById('menu').getElementsByTagName('li'),
       classes=['first','second','third'], 
       color = classes.length, thisli, len = 0, i = 0;
      while(thisli = menuli[len++]){
         if(thisli.parentNode.attributes.id){        
            thisli.className = classes[i++%color];
         }
    }
}());