subMenus = new Array (3);
var huidigSubmenu = 0;
var oudA = new Object();
var oudeAKleur =  'black';
var oudDiv = new Object();
var oudeDivKleur =  '#ABABAB';
var oudeDivClassname =  'menu_img_off';

function maakschoon_submenu () {
	var doc = parent.frames[2].document;
	doc.clear();
	doc.open();
	doc.write ('<html><body bgcolor=white>Schoon</body>');
	doc.close();
}

function genereerSubMenu (doc) {

/*
	var docHead = doc.getElementsByTagName('head')[0];
	var sheet = doc.createElement("LINK");
	sheet.rel='stylesheet';
	sheet.href='menu.css';
	docHead.appendChild(sheet);
*/
	var docBody = doc.body;
/*
	docBody.className='menu';
*/
        var divSubMenuPart = doc.getElementById('submenupart');
	for(var i=0; i<subMenus.length; i++) {
		var divSubMenu = doc.createElement("DIV");
		divSubMenu.className='submenu';
		divSubMenu.id='submenu' + i;
		divSubMenu.setAttribute('style', 'display: none');
		var opties=subMenus[i];
		for(var j=0; j<opties.length; j++) {
			var divOptie = doc.createElement("DIV");
			divOptie.className='menuoptie';
			divOptie.id='optie' + i + j;
			var optieRef = doc.createElement("A");
			var linkText = doc.createTextNode(opties[j][0]);
			optieRef.name = 'optie' + i + j;
			optieRef.href = opties[j][1];
			optieRef.appendChild(linkText);
			optieRef.target='body';
			divOptie.appendChild (optieRef);
			divSubMenu.appendChild(divOptie);
		}
		divSubMenuPart.appendChild(divSubMenu);
	}
	doc.close();
}

function kiesSubmenu (nr) {
/*
	var doc = parent.frames[2].document;
*/
	var doc = document;
	if (nr != huidigSubmenu) {
	    var divVorigSubMenu = 
               doc.getElementById('submenu'+ huidigSubmenu);
	    divVorigSubMenu.setAttribute('style', 'display: none');
	}
	var theId = 'submenu'+ nr;
	var divSubMenu = doc.getElementById(theId);
	divSubMenu.setAttribute('style', 'display: block');
	huidigSubmenu = nr;
}
		
function showSubmenu (nr) {
	if (nr > 0) {
		var doc = parent.frames[2].document;
       		var imgDiv = doc.getElementById('optie_img_' + nr);
		imgDiv.className = "menu_img_on";
	}
	parent.frames[3].location="Submenu.htm#submenu" + nr;
}
	
function resetSubmenu (nr) {
	if (nr > 0) {
		var doc = parent.frames[2].document;
       		var imgDiv = doc.getElementById('optie_img_' + nr);
		if (imgDiv != parent.oudDiv) {
			imgDiv.className = "menu_img_off";
		}
	}
}

function setSelected (nieuwA) {
	if  (parent.oudA == null) {
		parent.oudA = new Object();
		parent.oudeAKleur = 'black';
	};
	if (nieuwA != parent.oudA) {
		try {
			parent.oudA.style.color = parent.oudeAKleur;
		} catch (exception) {};
		parent.oudA = nieuwA;
		parent.oudeAKleur = nieuwA.style.color;
	}
//	nieuwA.style.color = 'red';
	nieuwA.style.color = 'rgb(125,163,184)';

	if  (parent.oudDiv == null) {
		parent.oudDiv = new Object();
		parent.oudeDivClassname = 'menu_img_off';
	};
	
	if (this.location.pathname == '/Hoofdmenu.htm') {
		parent.oudDiv.className = parent.oudeDivClassname;
		return;
	}
		
	var doc = parent.frames[2].document;
	var aArray = doc.getElementsByTagName('a');
	for(var i=0; i<aArray.length; i++) {
		if (aArray[i].href == this.location.href) {
			var nieuwDiv = aArray[i].parentNode.getElementsByTagName('div')[0];
			if (nieuwDiv != parent.oudDiv) {
				try {
					parent.oudDiv.className = parent.oudeDivClassname;
				} catch (exception) {};
				parent.oudDiv = nieuwDiv;
				parent.oudeDivClassname = nieuwDiv.className;
				nieuwDiv.className = 'menu_img_on';
			}
			break;
		}
	}
}

function checkLength() {
//   alert ("in toonBreedte");
   var step = 0;
   try {
        step++;
//        var submenu0_lengte = document.getElementById('submenu0').offsetWidth;
//        var submenu1_lengte = document.getElementById('submenu1').offsetWidth;
        var submenu2_lengte = document.getElementById('submenu2').offsetWidth;
        var submenu2opties_lengte =   document.getElementById('optie20').offsetWidth 
                                    + document.getElementById('optie21').offsetWidth
                                    + document.getElementById('optie22').offsetWidth
                                    + document.getElementById('optie23').offsetWidth
                                    + document.getElementById('optie24').offsetWidth
                                    + document.getElementById('optie25').offsetWidth;
//                                    + document.getElementById('optie26').offsetWidth
//                                    + document.getElementById('optie27').offsetWidth;
//        var submenu3_lengte = document.getElementById('submenu3').offsetWidth;
        step++;
/*
        if (submenu0_lengte < 16) {
            alert ("submenu Welkom is afgekapt.\nMaak je browser scherm breder");
        }
        if (submenu1_lengte < 249) {
            alert ("submenu Welkom is afgekapt.\nMaak je browser scherm breder");
        }
*/
        if (submenu2_lengte < submenu2opties_lengte) {
            alert ("submenu Activiteiten is afgekapt.\n" + 
                   "Maak je browser scherm breder en druk op F5\n" +
//                   "Gezamelijke lengte van opties is " + submenu2opties_lengte + " px\n" +
                   "Stel je schermresolutie (bij voorkeur) in op 1280x1024."
                    );
        }
/*
        if (submenu3_lengte < 311) {
            alert ("submenu Sangha is afgekapt.\nMaak je browser scherm breder");
        }
*/
/*
        alert ("breedte submenu0 = " +  submenu0_lengte);
        alert ("breedte submenu1 = " +  submenu1_lengte);
        alert ("breedte submenu2 = " +  submenu2_lengte);
        alert ("breedte submenu3 = " +  submenu3_lengte);
*/
        step++;
   } catch (e) {
        alert ("fout in stap " + step + " is : " + e );
   }
}

