function expandMenu(id,level) {
	if (level == 1) {
		// Alle items inklappen.
		var items = document.getElementById('menu').getElementsByTagName('DIV');
		for(var i=0;i<items.length;i++) {
			if(items[i].id.substr(0,8) == 'group_1_' && items[i].id != id) {
				items[i].style.display = 'none';
			}
		}
	}
	
	// Dit item in of uitklappen.
	if ( document.getElementById(id) ) {
		if (document.getElementById(id).style.display == 'block')
			document.getElementById(id).style.display = 'none';
		else
			document.getElementById(id).style.display = 'block';
	}

	
}

function expandMenu2(id,level) {
	
	if (level == 1) {
		// Alle items inklappen.
		var items = document.getElementById('menu').getElementsByTagName('DIV');
		for(var i=0;i<items.length;i++) {
			if(items[i].id.substr(0,8) == 'group_1_' && items[i].id != id) {
				items[i].style.display = 'none';
			}
		}
	}
	
	// Dit item in of uitklappen.
	if ( document.getElementById(id) ) {
		if (document.getElementById(id).style.display == 'block')
			document.getElementById(id).style.display = 'none';
		else {
			//url, container, gets, values, debug)
			GetAJAX(url, id, gets, values, 0)
			document.getElementById(id).style.display = 'block';
		}
	}
}


function showSubGroup(main,sub,arrow,level){
	if (level == 1){
		//hoofdgroep

		var arr = document.getElementsByTagName('div');
		for (i=0;i<arr.length;i++){

			//Subgroepen
			//wijzig de class van alle divs met class categoryOn, verwijder het pijltje
			if (arr[i].className == 'categoryOn'){
				arr[i].className = 'category';
				var mainGroupId = arr[i].id.replace('mainGroup','')
				var hideArrow = document.getElementById('arrowMain_'+ mainGroupId);
				hideArrow.src = hideArrow.src.replace('icon_menu','spacer');
				
				if (document.getElementById('cross' + mainGroupId)){
					document.getElementById('cross' + mainGroupId).style.display = 'none';
				}
			}

			//sluit alle subgroepen die openstaat
			if (arr[i].id.indexOf('showSubGroup')!=-1){
				arr[i].style.display='none';
			}

			//Subsubgroepen
			//wijzig de class van alle divs met class subcategoryOn, verwijder het pijltje
			if (arr[i].className == 'subcategoryOn'){
				arr[i].className = 'subcategory';
				var subGroupId = arr[i].id.replace('subGroup','')
				var hideSubArrow = document.getElementById('arrowSub_'+ subGroupId);

				if (hideSubArrow){
					hideSubArrow.src = hideSubArrow.src.replace('icon_menu','spacer');
				}
			}

			if (arr[i].className == 'subsubcategoryOn'){
				arr[i].className = 'subsubcategory';
				var subsubGroupId = arr[i].id.replace('subsubGroup','')
				var hideSubSubArrow = document.getElementById('arrowSubSub_'+ subsubGroupId);

				if (hideSubSubArrow ){
					hideSubSubArrow .src = hideSubSubArrow .src.replace('icon_menu','spacer');
				}
			}

			//sluit alle subsubgroepen die openstaat
			if (arr[i].id.indexOf('group_2_')!=-1){
				arr[i].style.display='none';
			}
		}
	
	}else{

		var arr = document.getElementsByTagName('div');
		for (i=0;i<arr.length;i++){
			if (arr[i].className == 'subcategoryOn'){
				arr[i].className = 'subcategory';

				var subGroupId = arr[i].id.replace('subGroup','')
				var hideSubArrow = document.getElementById('arrowSub_'+ subGroupId);
				hideSubArrow.src = hideSubArrow.src.replace('icon_menu','spacer');
			}

			if (arr[i].className == 'subsubcategoryOn'){
				arr[i].className = 'subsubcategory';
				var subsubGroupId = arr[i].id.replace('subsubGroup','')
				var hideSubSubArrow = document.getElementById('arrowSubSub_'+ subsubGroupId);

				if (hideSubSubArrow ){
					hideSubSubArrow .src = hideSubSubArrow .src.replace('icon_menu','spacer');
				}
			}

			//sluit alle subsubgroepen die openstaat
			if (arr[i].id.indexOf('group_2_')!=-1){
				arr[i].style.display='none';
			}
		}
	}
	
	main.className = main.className.replace('category','categoryOn');
	var mainId = main.id.replace('mainGroup','')
	var obj = document.getElementById(sub);
	var icon = document.getElementById(arrow);
	if (obj){
		obj.style.display='block';
		icon.src = icon.src.replace('spacer','icon_menu');
	}
	if (document.getElementById('cross' + mainId)){
		document.getElementById('cross' + mainId).style.display = 'block';
	}

	return false;
}

function showActive(PP_id,P_id,groupid,sectionId){
	//maingroup
	if (PP_id){
		var arrow = document.getElementById('arrowMain_' + PP_id);
		document.getElementById('showSubGroup' + PP_id).style.display = 'block';
		document.getElementById('mainGroup' + PP_id).className='categoryOn';
		arrow.src = arrow.src.replace('spacer','icon_menu');

		if (document.getElementById('cross' + PP_id)){
			document.getElementById('cross' + PP_id).style.display = 'block';
		}
	}
		
	//subgroup
	if (P_id){
		var arrowSub = document.getElementById('arrowSub_' + P_id);
		if(document.getElementById('group_2_' + PP_id + '_' + P_id)){
			document.getElementById('group_2_' + PP_id + '_' + P_id).style.display = 'block';
		}
		
		if (document.getElementById('subGroup' + P_id)){
			document.getElementById('subGroup' + P_id).className='subcategoryOn';
		}
		arrowSub.src = arrowSub.src.replace('spacer','icon_menu');
	}

	//subsubgroup
	if (groupid){
		var arrowSubSub = document.getElementById('arrowSubSub_' + groupid);
		document.getElementById('subsubGroup' + groupid).className = 'subsubcategoryOn';
		arrowSubSub.src = arrowSubSub.src.replace('spacer','icon_menu');
	}
	
	//section
	if (sectionId){
		var arrowCross = document.getElementById('arrowCross_' + sectionId);
		document.getElementById('crossSection' + sectionId).className = 'crossOn';
		arrowCross.src = arrowCross.src.replace('spacer','icon_menu');
	}
}