window.onload = function() {
   
    initBackButton();
    
    if (window.attachEvent) {
        //sfHover(ge('navigation-main'));
        sfHover(ge('navigation-secondary'));
    } else {
        // cleanWhitespace(ge('navigation-main'));
    }
    highlightParents(ge('navigation-main'));
    
    setNavigationMainPaddings();
    
    
    clearSearchBox();
    
    initPrint();
    
    initSubmit();

}

function setNavigationMainPaddings() {
    
    var navlinks = ge('navigation-main').getElementsByTagName('UL');

    for(var i = 0; i < navlinks.length; i++) {
        if(navlinks[i].parentNode.parentNode.id == 'navigation-main') {
            
            var pad = findOffsetLeft(navlinks[i].parentNode) - 284;
            
            if(i == 0) {
                // To include the width of red border in the first 2nd level list
                pad = pad + 24;
            }
            
            navlinks[i].style.paddingLeft = pad + 'px';
            navlinks[i].style.marginLeft = '-' + pad + 'px';
            navlinks[i].style.width = (995 - 284 - 1 - pad) + 'px';

        }
    }
}

function findOffsetLeft(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
		}
	}
	return curleft;
}

function initBackButton() {
    
    if(ge('back-button')) {
    	
    	var backButton = ge('back-button').firstChild;
		backButton.onclick = function() {
    		history.go(-1);
    		return false;
    	}
    }
}

currentTab = 0;

function initTabs() {
    
    if(ge('tabs')) {
        
        var tabs = ge('tabs').getElementsByTagName('A');

        for(var i = 0; i < tabs.length; i++) {

            if(tabs[i].parentNode.className == 'current') {
                ge('tabs'+i).style.display = 'block';
                if(ge('tabs9')) {
                    if(i == tabs.length - 1) {
                        ge('tabs9').style.display = 'none';
                    } else {
                        ge('tabs9').style.display = 'block';
                    }
                }
            } else {
                ge('tabs'+i).style.display = 'none';
            }
                      
            tabs[i].setAttribute('tab', i);
            tabs[i].onclick = function() {
                this.blur();
                // Tabs & bijbehorende divs uitzetten
                var tabs2 = ge('tabs').getElementsByTagName('A');
                for(var j = 0; j < tabs2.length; j++) {
                    tabs2[j].parentNode.className = '';
                    ge('tabs'+j).style.display = 'none';
                }
                
                this.parentNode.className = 'current';
                ge('tabs'+this.getAttribute('tab')).style.display = 'block';
                
                if(ge('tabs9')) {
                    if(this.getAttribute('tab') == j-1) {
                        ge('tabs9').style.display = 'none';
                    } else {
                        ge('tabs9').style.display = 'block';
                    }
                }
                
                return false;
            }
        }
    }
}

function clearSearchBox() {
    if(document.getElementById('search-keyword')) {
        document.getElementById('search-keyword').onfocus = function() {
            if(!clearSearchBoxBool) {
                this.value = '';
                clearSearchBoxBool = true;
            }
        }
    }
}

var clearSearchBoxBool = false;

function highlightParents(oElm) {
	var sfEls = oElm.getElementsByTagName("LI");
	
	if(window.attachEvent) {
	
    	for (var i=0; i<sfEls.length; i++) {
    	    if(sfEls[i].parentNode.id != 'navigation-main') {
        		sfEls[i].onmouseover=function() {
        			this.className+=" sfhover";
        			this.parentNode.previousSibling.previousSibling.className += " highlighted-parent";
        		}
        		sfEls[i].onmouseout=function() {
        		    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        			this.parentNode.previousSibling.previousSibling.className
        			= this.parentNode.previousSibling.previousSibling.className.replace('highlighted-parent', '', 'gmi');
        		}
        	} else {
        		sfEls[i].onmouseover=function() {
        			this.className+=" sfhover";
        		}
        		sfEls[i].onmouseout=function() {
        			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        		}
        	}
    	}

    } else {
	
    	for (var i=0; i<sfEls.length; i++) {
    	    if(sfEls[i].parentNode.id != 'navigation-main') {
        		sfEls[i].onmouseover=function() {
        			this.parentNode.previousSibling.previousSibling.className += " highlighted-parent";
        		}
        		sfEls[i].onmouseout=function() {
        			this.parentNode.previousSibling.previousSibling.className
        			= this.parentNode.previousSibling.previousSibling.className.replace('highlighted-parent', '', 'gmi');
        		}
        	}
    	}  
        
    }
}

function initPrint() {
    if(ge('print')) {
        ge('print').onclick = function() {
            window.print();
            return false;
        }
    }
}

function initSubmit() {
    if(ge('contact') && ge('contact-submit')) {
        ge('contact-submit').onclick = function() {
            ge('contact').submit();
            return false;
        }
    }
}

function bereken(form) {
    form = ge("steekproef");
    bbval = 1.65;
    bbval2 = 1.96;
    bbval3 = 2.54;
    form.verwachte_respons2.value = form.verwachte_respons.value;
    form.verwachte_respons3.value = form.verwachte_respons.value;
    form.afwijking2.value = form.afwijking.value;
    form.afwijking3.value = form.afwijking.value;
    nonresp = 100 - form.verwachte_respons.value;
    form.tussen.value = form.verwachte_respons.value - form.afwijking.value;
    nrval = parseFloat(form.afwijking.value) + parseFloat(form.verwachte_respons.value);
    form.grootte.value = Math.round(form.verwachte_respons.value * nonresp * (bbval * bbval) / (form.afwijking.value * form.afwijking.value));
    form.grootte2.value = Math.round(form.verwachte_respons.value * nonresp * (bbval2 * bbval2) / (form.afwijking.value * form.afwijking.value));
    form.grootte3.value = Math.round(form.verwachte_respons.value * nonresp * (bbval3 * bbval3) / (form.afwijking.value * form.afwijking.value));
    form.tussen.value = form.tussen.value + " - " + nrval;
    form.tussen2.value = form.tussen.value;
    form.tussen3.value = form.tussen.value;
    document.location.href = "#bereken";
}

function openVideo(){
	window.open('/include/flashvideo.php','WDM','width=660,height=380,resizable=no');	
}

function setCookie(sName, sValue, oExpires, sPath, sDomain, bSecure) {
	var sCookie = sName + "=" + encodeURIComponent(sValue);
	if (oExpires) {
		sCookie += "; expires=" + oExpires.toGMTString();
	}
	if (sPath) {
		sCookie += "; path=" + sPath;
	}
	if (sDomain) {
		sCookie += "; domain=" + sDomain;
	}
	if (bSecure) {
		sCookie += "; secure";
	}
	document.cookie = sCookie;
}