/* --- 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 //if (numOfChambers == initState) { 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'); 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 oldContent = document.getElementById(acc.deflateChamber.id + "_content"); // gaat er van uit dat de contentDivs een id hebben dat als volgt is opgebouwd: id van chamber + '_content' var newContent = document.getElementById(acc.inflateChamber.id + "_content"); removeClass(oldContent, "visible"); // verwijder de className "visible" van de contentDiv die gesloten moet worden addClass(newContent, "visible"); // voeg de className "visible" toe aan de contentDiv die geopend moet worden //addClass(newContent.parentNode, "showContent"); if (!hasClass(newContent.parentNode, "showContent")) { var kunnenWijUHelpen = document.getElementById('kunnenWijUHelpen'); if (kunnenWijUHelpen) { var headerLink = kunnenWijUHelpen.getElementsByTagName('a')[0]; if (headerLink) canWeHelpLink(headerLink); } } /*var down = false; for (c=0; c