function initNav()
{
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover = function() {
					this.className = "over";
				};
				node.onmouseout=function() {
					this.className = "";
				};
			}
		}
	}
}

function startScroll(elementId,offsetValue)
{
	element = document.getElementById(elementId);
	elementHeight = element.offsetHeight;
	if (element.offsetHeight<element.innerHTML.length)
	{
		elementHeight=element.innerHTML.length;	
	}
	offset = offsetValue;
	interval = setInterval('doScroll()', 1000/24);
}

function stopScroll()
{
	clearInterval(interval);
}

function doScroll()
{
	var elementTop = parseInt(getStyle(element,'top'));
	
	//if ((elementTop <= (-offset)) && (elementTop > ((200 - offset) - elementHeight))) {

	if ((elementTop <= (-offset)) && 
	    (elementTop > ((200 - offset) - elementHeight))
	   ) {
		element.style.top = (parseInt(getStyle(element,'top')) + offset) + "px";
	}
}

function getStyle(element,rule)
{
	if (window.getComputedStyle) {
		return getComputedStyle(element, "").getPropertyValue(rule);
	} 
	if (element.currentStyle) {		
		return element.currentStyle[camelize(rule)];
	} 
	if (document.defaultView.getComputedStyle) {
		return document.defaultView.getComputedStyle(element, "").getPropertyValue(rule);
	}
}

function camelize (str)
{
	var strArray = str.split("-");
	var returnStr = '';
	for (i in strArray) {
		if (i > 0) {
			returnStr += (strArray[i].substr(0,1).toUpperCase()) + strArray[i].substr(1);
		} else {
			returnStr += strArray[i];
		}
	}
	return returnStr;
}

window.onload = initNav;