var appendNavigation = function() {
	var items;
	appendActiveState = function(navItem) {
		var child = navItem.getElementsByTagName('ul')[0];
		navItem.className += ' hover';
		if (child && typeof(document.body.style.maxHeight) !== 'undefined') {
			var tweenHeight = new Tween(child.style,'height',Tween.regularEaseOut,0,child.scrollHeight,0.5,'px');
			tweenHeight.start();
			child["onmouseover"] = function(e) {
				var evt = e || event;
				if(evt.stopPropagation) {
					evt.stopPropagation();
				} else {
				evt.cancelBubble = true;
				}
				return false;
			}
		}
	}
	appendInactiveState = function(navItem) {
		navItem.className = navItem.className.replace('hover','');
	}
	
	return function(parent) {
		items = parent.childNodes;
		for (var i=0; i < items.length; i++) {
			items[i]["onmouseover"] = function() {
				appendActiveState(this);
			}
			items[i]["onmouseout"] = function() {
				appendInactiveState(this);
			}
		}
	}
}()