﻿<!--
var timer;


function SetMainMenuButtonImages(strSelectedImageName)
{
    document.getElementById('knpHome').src='images/knpHomeA.gif';
	document.getElementById('knpDemot').src='images/knpDemotA.gif';
	document.getElementById('knpOnzebusiness').src='images/knpOnzebusinessA.gif';
	document.getElementById('knpOnzeMensen').src='images/knpOnzeMensenA.gif';
	document.getElementById('knpVeiligheid').src='images/knpVeiligheidA.gif';
	document.getElementById('knpNieuws').src='images/knpNieuwsA.gif';
	document.getElementById('knpContact').src='images/knpContactA.gif';
    document.getElementById(strSelectedImageName).src = 'images/' + strSelectedImageName + 'B.gif';
}

function HideMenu()
{
    timer = setTimeout("document.getElementById('menuLayer').style.display = 'none';", 200);
}

function clearTimer()
{
    if (timer)
    {
        clearTimeout(timer);
    }
}

function ShowMenu(intCatID, strSelectedImageID)
{
	var left;
	var width;
	var height;
	var top;
	
	var strBottomPageURL; 
	strBottomPageURL = 'bottom.asp?catID=' + intCatID;
			
	height = 60;
	top = 217;

    switch(intCatID)
    {
        case 5:
            left = 79;
            width = 122;
            break;
        case 6:
            left = 198;
            width = 120;
            break;
        case 7:
            left = 263;
            width = 140;
            break;
        case 8:
            left = 401;
            width = 120;
            break;
        case 9:
            left = 509;
            width = 120;
            break;
        case 10:
            left = 572;
            width = 120;
            break;
        case 11:
            left = 637;
            width = 120;
            break;                                  
    }

    var menuLayer = document.getElementById('menuLayer');
    menuLayer.style.left = left + 'px';
	//menuLayer.style.width = width + 'px';
	menuLayer.style.height = height + 'px';
	menuLayer.style.top = top + 'px';
	
	menuLayer.innerHTML = MenuContent(intCatID, width + 'px');
	if(menuLayer.innerHTML == "")
	{
	    menuLayer.style.display = 'none';
	}
	else
	{
	    menuLayer.style.display = 'inline';
	}
	 
	
}


///later, this getcontent function, can get its content from an array, or something
function MenuContent(intCatID, intTableWidth)
{
      var strContent = "";
        strContent += "<table id='menuTable'  bgcolor='#FFFFFF'>";
        var pageArray = pagArray;
        for(var i = 0; i < pageArray.length; i++)
        {
            if(intCatID == pageArray[i][0])
            {
                // add the redirectlogin pageid, to the bottomPageURL
                if(pageArray[i][3] != '')
                {
                    strContent += GetROW(pageArray[i][3], pageArray[i][2]);
                }
                else
                {
                    strContent += GetROW("main.asp?id=" + pageArray[i][1], pageArray[i][2]);
                }
            }
        }
    strContent += "</table>";
    if(strContent == "<table></table>"){strContent = "";}
    return strContent;
}

function GetROW(strSRCPage, strPageName)
{
    return "<tr><td " + GetOnclickEvent(strSRCPage) + " class='td_menu' onmouseout=\"javascript:SetCSSClass(this, 'td_menu');\" onmouseover=\"javascript:SetCSSClass(this, 'td_menu_over');\">" + strPageName + "</td></tr>";
}

function GetOnclickEvent(strSourcePage)
{
    return "onclick=\"window.location = '" + strSourcePage + "';HideMenu();\"";
}


function SetCSSClass(oObj, strCSSClassName)
{
    oObj.className = strCSSClassName;
}

var category = "";
			    var title = "";
			    var printpage = "print.asp?id=1";
    			
			    // set category, title and id.
			    function SetVariables(cat,tit,printpag)
			    {
				    document.getElementById("TitleBar").innerHTML = 'home \\ ' + cat + ' \\ ' + tit;
				    SetPrintPage(printpag);
			    }
    			
			    function SetPrintPage(printpag)
			    {
				    printpage = printpag;			
			    }
    			
			    function SetTitleBar(text, style)
			    {
				    var element = document.getElementById("TitleBar");
				    element.innerHTML = text;
				    //alert(element.style);
				    element.className = style;
			    }
    			
			    function PrintPage()
			    {
				    window.open(printpage, 'printpage');
			    }
    			
			    function submitLocale(strLocale)
			    {
				    var myForm = document.forms["localeForm"];
				    myForm.elements["locale"].value = strLocale;
				    myForm.submit();
			    }
			    

        function MM_swapImgRestore() { //v3.0
          var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
        }

        function MM_preloadImages() { //v3.0
          var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
            var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
            if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
        }

        function MM_findObj(n, d) { //v4.01
          var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
            d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
          if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
          for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
          if(!x && d.getElementById) x=d.getElementById(n); return x;
        }

        function MM_swapImage() { //v3.0
          var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
           if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
        }
        //-->
