/*
	getElementsByClassName
*/
document.getElementsByClassName = function (needle){
    var s = [document.documentElement || document.body], i = 0, r = [], l = 0, e;
    var re = new RegExp('(^|\\s)' + needle + '(\\s|$)');

    do{
        e = s[i];

        while (e){
            if (e.nodeType == 1){
                if (e.className && re.test(e.className)) r[l++] = e;

                s[i++] = e.firstChild;
            }

            e = e.nextSibling;
        }
    }
	
    while (i--);

    return r;
}
    
    function initTabs() {
		var tabs = document.getElementsByClassName('isTab');

		if(tabs.length) {
			/* perform tabbing */
			//alert('sdfs');
            //alert(document.getElementById('mainHeading').innerHTML);
            /* 1. create container */
            tabContainer = document.createElement('ul');
            tabContainer.id = 'tabContainer';

            
            /* 2. add items */
			for(var i=0; i<tabs.length; i++) {
            	captions = tabs[i].getElementsByTagName('h2');
                var caption = '';
                if (captions.length) {
                	caption = captions[0].innerHTML;
					captions[0].className = 'tabHeader '+captions[0].className;

                }
				var newItem = document.createElement('li');
				if (i==0) {
					newItem.className = 'firstChild active';
				} else if (i == (tabs.length-1)) {
					newItem.className = 'lastChild';
					tabs[i].style.display = 'none';
				} else {
					newItem.className = 'middleChild';
					tabs[i].style.display = 'none';					
				}
				newItem.onclick = function() {
					/* remove active and set it on this item */
					tabNavs = document.getElementById('tabContainer').getElementsByTagName('li');
					for(var i=0; i<tabNavs.length; i++) {
						if(tabNavs[i].className.indexOf('active')) {
							tabNavs[i].className = tabNavs[i].className.replace(' active', '');
						}
					}
					this.className = this.className + ' active';
					/* */
					var tabs = document.getElementsByClassName('isTab');
					for(var i=0; i<tabs.length; i++) {
						if ( i == this.getAttribute('tabID')) {
							tabs[i].style.display = 'block';
						} else {
							tabs[i].style.display = 'none';
						}
					}
				}
				var captionHolder = document.createTextNode(caption);
				newItem.appendChild(captionHolder);
				newItem.setAttribute('tabID', i);
				tabContainer.appendChild(newItem);
			
               
            }	
			/* 3. insert in document */       
			//alert(document.getElementById('content').innerHTML);
			var introTexts = document.getElementsByClassName('introText');
			
		    tabs[0].parentNode.insertBefore(tabContainer, tabs[0]);	
		}
    }
	
	function initMaps() {
		if(document.getElementById('map')) {
			var iframe = document.createElement('iframe');
			iframe.src = '/nl/maps/maps-denhaag.html';
                        iframe.style.border = '2px solid #9f9f9f';
			iframe.frameBorder = 0;
			document.getElementById('map').appendChild(iframe);
		}
	}
	
	function initAdvancedSearch() {
		if (document.getElementById('advancedSearchPanel')) {
		  var advButton = document.getElementById('activateAdvanced');
		  var advItems = document.getElementById('advancedSearchPanel');
		  
		  var newAnchor = document.createElement('a');
		  var newText = document.createTextNode('geavanceerd zoeken');
		  newAnchor.appendChild(newText);
		  advButton.appendChild(newAnchor);
		  
		  advItems.style.display = 'none';
		  advButton.className = 'advancedHide';
		  
		  newAnchor.onclick = function() {
			  if(advItems.style.display == 'none') {
				  advItems.style.display = 'block';
				  advButton.className = 'advancedShow';				
			  } else {
				  advItems.style.display = 'none';
				  advButton.className = 'advancedHide';								
			  }
		  }
		}
	}
	
	function initFaq() {
		if (document.getElementById('faqlist')) {
			container = document.getElementById('faqlist');
			var items = container.getElementsByTagName('h2');
			for (var i=0; i <items.length; i++) {
				items[i].parentNode.className = 'collapsed';
			  
			  items[i].onclick = function() {
				  if (this.parentNode.className == 'collapsed') {
					  this.parentNode.className = 'uncollapsed';
				  } else {
					  this.parentNode.className = 'collapsed';					
				  }
			  }
			}
			
		}
	}