// specifieke functies

function initPage() {
    startList("root");
    TMLComenom("root","li");
}

startList = function(elId) {
    if (document.all && document.getElementById) {
        navRoot = document.getElementById(elId);
        if (navRoot) {
            listElements = navRoot.getElementsByTagName("LI");
            for (i=0; i<listElements.length; i++) {
                node = listElements[i];
                node.onmouseover = function() {
                    this.className += " over";
                }
                node.onmouseout = function() {
                    this.className = this.className.replace(" over","");
                }
            }
        }
    }
}
window.onload = initPage;






// TMLC library functies

// scroll page
var curr;
var interval;
function smoothScroll(to) {
	if (!to) return false;
	if (self.pageYOffset)
		from = self.pageYOffset;
	else if (document.documentElement && document.documentElement.clientWidth)
		from = document.documentElement.scrollTop;
	else if (document.body)
		from = document.body.scrollTop;
	steps = 20;
	speed = 10;
	curr  = from;
	diff  = to - from;
	step  = diff / steps;
	clearInterval(interval);
	interval = setInterval(function(){setScrollPos(step,to)},speed);
}
function setScrollPos(step,dest) {
	curr += step;
	if (self.pageYOffset)
		document.documentElement.scrollTop = curr;
	else if (document.documentElement && document.documentElement.clientWidth)
		document.documentElement.scrollTop = curr;
	else if (document.body)
		document.body.scrollTop = curr;
	if (curr >= dest)
		clearInterval(interval);
}
function scrollToElem(el) {
	smoothScroll(el.offsetTop+68);
}
function smoothAnchors() {
	if (!document.getElementsByTagName) return false;
	A = document.getElementsByTagName('a');
	for (i in A) {
		if (A[i].href && A[i].href.indexOf("#") > -1) {
			thisAnchor = A[i].hash.replace("#","");
			addEvent(A[i], 'click', function(){scrollToElem(document.getElementById(thisAnchor));return false;} );
		}
	}
}
addEvent(window, 'load', smoothAnchors);
// ===

TMLComenom = function(id,tag) {
  	if (document.getElementById) {
        var even = false;
        var root = document.getElementById(id);
        if (!root)
          return;
      
        var childs = root.childNodes;
    
        for(var i=0;i<childs.length;i++) {
            var node=childs[i];
            if (String(node.tagName).toUpperCase() == tag.toUpperCase()){
                if (even)
                    node.className += " even";
                else
                    node.className += " odd";
                even = !even;
            }
        }
    }
}



function addEvent(obj, evType, fn){
    if (obj.addEventListener){
          obj.addEventListener(evType, fn, true);
        return true;
    } else if (obj.attachEvent){
        var r = obj.attachEvent("on"+evType, fn);
        return r;
    } else {
        return false;
    }
}

function showLayer() {
    res = showLayer.arguments;
    if (document.getElementById) { // IE5 & NN6
      for(i=0; i<res.length; i++) { if (document.getElementById(res[i])) document.getElementById(res[i]).style.visibility = "visible"; }
    }
}
function hideLayer() {
    res = hideLayer.arguments;
    if (document.getElementById) { // IE5 & NN6
      for(i=0; i<res.length; i++) { if (document.getElementById(res[i])) document.getElementById(res[i]).style.visibility = "hidden"; }
    }
}

function displayBlock() {
    if (document.getElementById) { // IE5 & NN6
      res = displayBlock.arguments;
      for(i=0; i<res.length; i++) { document.getElementById(res[i]).style.display = "block"; }
    }
}
function displayInline() {
    if (document.getElementById) { // IE5 & NN6
      res = displayInline.arguments;
      for(i=0; i<res.length; i++) { document.getElementById(res[i]).style.display = "inline"; }
    }
}
function displayNone() {
    if (document.getElementById) { // IE5 & NN6
      res = displayNone.arguments;
      for(i=0; i<res.length; i++) { document.getElementById(res[i]).style.display = "none"; }
    }
}
