/* --- JavaScript --- */ /* --- General --- */ /* --- add functions to onload event: addLoadEvent(functionName); --- */ /* --- http://simonwillison.net/2004/May/26/addLoadEvent/ --- */ function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } /* --- createElement() --- */ function createElement(element) { if (typeof document.createElementNS != 'undefined') { return document.createElementNS('http://www.w3.org/1999/xhtml', element); } if (typeof document.createElement != 'undefined') { return document.createElement(element); } return false; } /* --- setAttributes() --- */ function setAttributes(element,attr) { // format attr: [['class','actief'],['href','http://www.test.xx']] if (typeof element.setAttributeNS != 'undefined') { for (a=0; a -1) { // match, but not exact var nodeClasses = nodeClass.split(/\s+/); // seperate class names (devided by one or more whitespaces) for (c=0; c if ((parent[property] == value) ? true : hasClass(parent, value)) return parent; // return parent if property matches value if (levels) level--; } while (parent.parentNode && parent.parentNode.nodeName != "HTML" && level > 0); } /* --- check for CSS support --- */ function cssSupport() { if (!document.styleSheets) return false; // styleSheets object is not supported var css = document.styleSheets; for (s=0; s= 50) accordion.chambers = []; // array of chambers accordion.chamberMinHeight = chamberMinHeight; accordion.chamberMaxHeight = chamberMaxHeight; accordion.animSteps = animSteps; accordion.animInterval = animInterval; accordion.animAction = []; // array with animation steps already taken var numOfChambers = 0; var chambers = accordion.getElementsByTagName('div'); for (b=0; b'; // insert hyperlink for keyboard navigation chamber.label = label; // keep ref to label; chamber.animate = animateChamber; // make animation method of chamber if (hasClass(chamber, "accOffOpen")) { removeClass(chamber, "accOffOpen"); // undo JS-off state addClass(chamber, "open"); // set initial state accordion.inflateChamber = chamber; // keep ref to open chamber label.onclick = function() { return false; } } else { // addClass(chamber, (accordion.inflateChamber) ? "down" : "up"); label.onclick = labelClick; // activate label } numOfChambers++; } if (numOfChambers > 1) addClass(accordion, "accOn"); // only activate when there are more than 2 chambers } /* --- labelClick --- handle click on chamber label --- */ labelClick = function() { var labelChamber = getAncestor(this, "className", "addNav"); // find chamber if (!labelChamber) return false; labelChamber.animate(); return false; } /* --- animateChamber --- calculate chamber animation --- */ animateChamber = function() { var acc = this.accordion; for (a=0; a= acc.animSteps || height > acc.chamberMaxHeight) height = acc.chamberMaxHeight; var interval = acc.animInterval * step; acc.animAction[step] = setTimeout('alterHeights(' + height + ')', interval); step++; } while (step < acc.animSteps && height < acc.chamberMaxHeight); interval = acc.animInterval * step; setTimeout('reInit("' + acc.id + '")', interval); } /* --- alterHeights --- */ function alterHeights(height) { var accordion = document.getElementById('secNavBar') || document.getElementById('secNavBarOver'); if (!accordion) return; if (accordion.deflateChamber.openClass) { removeClass(accordion.deflateChamber, "open"); accordion.deflateChamber.openClass = false; } accordion.inflateChamber.style.height = (accordion.chamberMinHeight + height) + "px"; accordion.deflateChamber.style.height = (accordion.chamberMaxHeight - height) + "px"; } /* --- reInit --- finalize animation/new status --- */ function reInit(id) { var acc = document.getElementById(id); if (!acc) return; acc.inflateChamber.label.onclick = function() { return false; // open chamber has no active label } addClass(acc.inflateChamber, "open"); /*var down = false; for (c=0; c= 50) parade.itemWidth = itemWidth; parade.scrollStep = scrollStep; parade.scrollInterval = scrollInterval; var paradeItems = document.getElementById('paradeItems'); if (!paradeItems) return; paradeItems.order = []; parade.items = paradeItems; var pItems = paradeItems.getElementsByTagName('li'); for (i=0; i -1) { // to the right var lastItem = document.getElementById(paradeItems.order[paradeItems.order.length - 1]); if (!lastItem) return; lastItem.parentNode.insertBefore(lastItem,firstItem); // last node becomes first paradeItems.order.unshift(paradeItems.order.pop()); // synchronise array return (this.itemWidth * -1); } else { // to the left firstItem.parentNode.appendChild(firstItem); // first node becomes last paradeItems.order.push(paradeItems.order.shift()); // synchronise array return (this.itemWidth); } return 0; } adjustPosition(0); parade.scroll(); var scrollPrev = document.getElementById('scrollPrev'); if (!scrollPrev) return; scrollPrev.onclick = function() { var parade = document.getElementById('parade'); if (!parade) return; adjustPosition(parade.itemWidth); return false; } var scrollNext = document.getElementById('scrollNext'); if (!scrollNext) return; scrollNext.onclick = function() { var parade = document.getElementById('parade'); if (!parade) return; adjustPosition(parade.itemWidth * -1); return false; } } /* --- adjustPosition() --- move parade items --- */ function adjustPosition(distance) { var parade = document.getElementById('parade'); if (!parade) return; if (!distance && distance != 0) distance = parade.scrollStep; var pos = parade.getPosition() + distance; var correction = (pos < (parade.itemWidth * -1) || pos > parade.scrollStep) ? parade.reorder(distance) : 0; parade.items.style.left = (pos + correction) + "px"; } ///////////// FAQ ///////////// initFaq = function() { var faq = document.getElementById('faq'); if (!faq) return; var answers = faq.getElementsByTagName('dd'); if (!answers[0] || !answers[0].previousSibling) return; // either the previousSibling property is not supported or the

is corrupt (starts with a

) for (a=0; a if (!prevSibling.done && prevSibling.nodeName == "DD") { ddArr[ddArr.length] = prevSibling; prevSibling.done = true; } var prevSibling = prevSibling.previousSibling; } while (prevSibling.nodeName == "DD" || prevSibling.nodeType == 3); if (prevSibling.nodeName != "DT" || ddArr.length == 0) continue; var question = prevSibling; var questionLabel = question.getElementsByTagName('span')[1]; questionLabel.innerHTML = '' + questionLabel.innerHTML + ''; // add in order to make it accessible for keyboard question.answers = ddArr; questionLabel.onclick = function() { var dl = getAncestor(this.parentNode, "nodeName", "DL"); if (!dl) return; if (dl.current && this.parentNode != dl.current) { for (c=0; cs that have class="selectNav", works with keyboard too (in IE, FX and Op) --- */ initSelectNav = function() { var selects = document.getElementsByTagName('select'); var countSelectNavs = false; for (s=0; s 10); if (popLink.ancestorLevel > 10) continue; popLink.onfocus = function() { var node = getParent(this); node.onmouseover(); } popLink.onblur = function() { var node = getParent(this); node.onmouseout(); } } } function getParent(node) { var ancestor = node; for (p=1; p