﻿var frameHoogte = 0;
var frameBreedte = 0;

function setDimensions()
{
        var frameHeight;
		var frameWidth;
		var IE
					//BROWSER AFMETINGEN:
			if( typeof( window.innerWidth ) == 'number' ) {
			//Non-IE
				frameHeight = window.innerHeight;
				frameWidth = window.innerWidth;
				IE = false;
			}
			 else if( document.documentElement &&
			(document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
				//IE 6+ in 'standards compliant mode'
			IE = true
			frameHeight = document.documentElement.clientHeight;
			frameWidth = document.documentElement.clientWidth;
				} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
					//IE 4 compatible
					IE = true
					frameHeight = document.body.clientHeight;
					frameWidth = document.body.clientWidth;
				}
				
		frameHoogte = frameHeight;
		frameBreedte = frameWidth;
}

setDimensions();


function schaalMenu(el)
{
        //alert('schaalmenu ' + frameHoogte);
		document.getElementById(el).style.offsetHeight = (frameHoogte - 30) + 'px';	
		document.getElementById(el).style.height = (frameHoogte - 30) + 'px';	
}

function herschaalHoofdEnRechts(el1, el2)
{
    //alert('schaal alles');
    setDimensions();
    schaalHoofdEnRechts(el1, el2);
}

/* versie 1 scrollbar */
function schaalHoofdEnRechts(el1, el2)
{
    var maxHoogte = frameHoogte - 187;
    var br1 = Math.max(document.getElementById(el1).offsetHeight, 600);
    var br2 =  Math.max(document.getElementById(el2).offsetHeight, 600);
    /*var br1 = Math.min(document.getElementById(el1).offsetHeight, maxHoogte);
    var br2 =  Math.min(document.getElementById(el2).offsetHeight, maxHoogte);*/
    document.getElementById(el1).style.height = Math.max(br1, br2).toString() + 'px';
    document.getElementById(el2).style.height = Math.max(br1, br2).toString() + 'px';
}

/* versie met 2 scrollbars
function schaalHoofdEnRechts(el1, el2)
{
    var maxHoogte = frameHoogte - 187;
    document.getElementById(el1).style.height = maxHoogte + 'px';
    document.getElementById(el2).style.height = maxHoogte + 'px';    
}*/


function plaatsPopup()
{
    var el = document.getElementById('popup');
    if (el != undefined)
    {
        var frBreedte = document.getElementById('hoofdFrame').offsetWidth;
        var puBreedte = document.getElementById('popup').offsetWidth;
        var links = Math.floor(frBreedte/2)- Math.floor(puBreedte/2);
        el.style.left = links.toString() + 'px';
    }
}


function getcenterHorizontal(parent_el, width)
{
    //var lParent_el = document.getElementById(parent_el);
    if (parent_el != undefined)
    {
        var frBreedte = parent_el.screen.width;
        alert(parent_el.screenLeft + Math.floor(frBreedte/2)- Math.floor(width/2));
        alert(Math.floor(width/2));
        return parent_el.screenLeft + Math.floor(frBreedte/2)- Math.floor(width/2);
        
    }
    else
    {
        return parent_el.screenLeft + Math.floor(screen.availWidth/2)- Math.floor(width/2);
    }
}

function plaatsPopup(el)
{
    var el = document.getElementById(el);
    if (el != undefined)
    {
        var frBreedte = document.getElementById('hoofdFrame').offsetWidth;
        var puBreedte = document.getElementById('popup').offsetWidth;
        var links = Math.floor(frBreedte/2)- Math.floor(puBreedte/2);
        el.style.left = links.toString() + 'px';
    }
}



function plaatsSubmenu(el)
{
    /*zoek actieve knop in hoofdmenu*/
    
    var hmDiv = document.getElementById('hoofdMenu');
    for (i=0; i<hmDiv.childNodes.length; i++)
    {
    
        if(hmDiv.childNodes[i].tagName == "A")
        {
            var hl = hmDiv.childNodes[i];
            var qs = new Querystring()
            var qstr = hl.href.substr(hl.href.indexOf("?") + 1, hl.href.length - hl.href.indexOf("?") + 1)
            var parent_ID = qs.get("parent_ID");
            var parent_ID2 = qstr.replace(/parent_ID=/, "");//qs2.get("parent_ID");
           
            if (parent_ID == parent_ID2)
            {
               // hl.style.color = "#FFFFFF";
                hl.setAttribute("class", "actief");
                hl.setAttribute("className", "actief");

                var left = hl.offsetLeft;
                var breedteDiv = document.getElementById('subMenu').offsetWidth;
                var breedteSubMenu = document.getElementById('subMenu2').offsetWidth;
                if ((breedteSubMenu + left) > breedteDiv)
                {
                    document.getElementById('subMenu').style.left = (1000 - breedteSubMenu) + "px";
                }
                else
                {
                    document.getElementById('subMenu').style.left = (330 + left) + "px";
                }
                
            }
            
        }
        
    }
    
     var smDiv = document.getElementById('subMenu');
    for (i=0; i<smDiv.childNodes.length; i++)
    {
    
        if(smDiv.childNodes[i].tagName == "A")
        {
            var hl = smDiv.childNodes[i];
            var qs = new Querystring()
            var qstr = hl.href.substr(hl.href.indexOf("?") + 1, hl.href.length - hl.href.indexOf("?") + 1)
            var parent_ID = qs.get("parent_ID");
            var parent_ID2 = qstr.replace(/parent_ID=/, "");//qs2.get("parent_ID");
           
            if (parent_ID == parent_ID2)
            {
               // hl.style.color = "#FFFFFF";
                hl.setAttribute("class", "actief");
                hl.setAttribute("className", "actief");

                var left = hl.offsetLeft;
                var breedteDiv = document.getElementById('subMenu').offsetWidth;
                var breedteSubMenu = document.getElementById('subMenu2').offsetWidth;
                if ((breedteSubMenu + left) > breedteDiv)
                {
                    document.getElementById('subMenu').style.left = (1000 - breedteSubMenu) + "px";
                }
                else
                {
                    document.getElementById('subMenu').style.left = (330 + left) + "px";
                }
                
            }
            
        }
        
    }
    
    
    
    
    document.getElementById('subMenu').style.visibility = "visible";
    
}


