/*
	<ul id="nav">
		<li><a href="#">item</a></li>					<- here set id="first-item"
		<li><a href="#">item</a> 						<- here set class="has-sub-level"
			<ul>
				<li><a href="#">sub-item</a></li>		<- here set class="first-item"
				<li><a href="#">sub-item</a></li>
				<li><a href="#">sub-item</a></li>		<- here set class="last-item"
			</ul>
		</li>
		<li><a href="#">item</a></li>
		<li><a href="#">item</a></li>
		<li><a href="#">item</a></li>					<- here set id="last-item"
	</ul>
*/
function lastNavItem(){
	var dropSelector = 'ul';
	var nav = document.getElementById('nav');
	if(nav){
		var _parentEl = [];
		var _li = nav.getElementsByTagName('li');
		for(var i=0; i<_li.length; i++){
			if(_li[i].parentNode == nav) _parentEl.push(_li[i]);
			if(_li[i].getElementsByTagName(dropSelector).length) _li[i].className += ' has-sub-level';
		};
		_parentEl[0].id = 'first-item';
		_parentEl[_parentEl.length-1].id = 'last-item';

		/*sublevels*/
		var _ul = nav.getElementsByTagName(dropSelector);
		if(_ul){
			for(var i=0; i<_ul.length; i++) {
				var  subLi = _ul[i].getElementsByTagName('li');
				var _thisSubLevel = [];
				for(var j=0; j<subLi.length; j++) {
					_thisSubLevel.push(subLi[j]);
				};
				_thisSubLevel[0].className += ' first-item';
				_thisSubLevel[_thisSubLevel.length-1].className += ' last-item';
			};
		};
	};
};

if (window.addEventListener) window.addEventListener("load", lastNavItem, false);
else if (window.attachEvent) window.attachEvent("onload", lastNavItem);