function getobjbyId(id){
	var ns4 = (document.layers)?true:false;
	var ns6 = (document.getElementById)?true:false;
	var ie4 = (document.all)?true:false;

	if (ns4){
		return document.layers[id];
	}else if(ie4){
		return document.all[id];
	}else{
		return document.getElementById(id);
	}
}



function render_nav_section(the_array_items, the_section_id, the_group_id, the_member_id){

	for(i_group=0; i_group<the_array_items.length; i_group++){
		if(the_array_items[i_group][1]==""){	// null value ("") means that this is a group title item, not a member item
			// for each group title item

			this_group_id=the_array_items[i_group][0];
			
			var this_member_num=0;	// get member number of this group
			var this_array_members=new Array();	// array of members of this group
			for(k=0;k<the_array_items.length;k++){
				if((this_group_id==the_array_items[k][0])&&(the_array_items[k][1]!="")){
					this_array_members[this_member_num]=the_array_items[k];
					this_member_num+=1;
				}
			}
	

			if(this_group_id==the_group_id){
				// this group IS the current page's group

				document.write ("<div>");	// begin of a group
	
				if(this_member_num>0){
					
					// GROUP TITLE
					// current group HAS a sub menu, which means the arrow before title is a "down+in" arrow
					document.write ("<a href='"+the_array_items[i_group][3]+"' class='nav_title_in'>");
					document.write ("<img src='_images/arrow_down.gif' width='13' height='14' hspace='0' border='0' align='absmiddle' name='nav_section_arrow_"+i_group+"' id='nav_section_arrow_"+i_group+"'/> ");
					document.write (the_array_items[i_group][2]);	// text of group title
					document.write ("</a>");
	
					// GROUP MEMBER
					// sub menu
					document.write ("<div class='nav_members_expanded'>");	// for current group, sub_menu is expanded
					for(j_member=0;j_member<this_member_num;j_member++){
						// for each member of this group
						document.write ("<a href='"+this_array_members[j_member][3]+"' class='");
						if(this_array_members[j_member][1]==the_member_id){	// this member is the current page's member
							document.write ("nav_member_in");
						}else{	// this member is not the current page's member
							document.write ("nav_member");
						}
						document.write ("'");
						if((j_member==0)&&(j_member!=(this_member_num-1))){document.write (" style='padding-top:12px;'");}
						if((j_member!=0)&&(j_member==(this_member_num-1))){document.write (" style='padding-bottom:12px;'");}
						document.write (">");
						document.write (this_array_members[j_member][2]);
						document.write ("</a>");
					}
					document.write ("</div>");
								
				}else{
					
					// current group HAS NO sub menu, which means the arrow before title is a "right+in" arrow
					document.write ("<a href='"+the_array_items[i_group][3]+"' class='nav_title_in'>");
					document.write ("<img src='_images/arrow_right.gif' width='13' height='14' hspace='0' border='0' align='absmiddle' name='nav_section_arrow_"+i_group+"' id='nav_section_arrow_"+i_group+"'/> ");
					document.write (the_array_items[i_group][2])	// text of group title
					document.write ("</a>")
				}
				
				document.write ("</div>");	// end of a group

			}else{
				// this group IS NOT the current page's group

				document.write ("<div");	// begin of a group
				
				if(this_member_num>0){
					// this group HAS a sub menu - onmouseOver() and onmouseOut() will change arrow + show-hide sub menu
					document.write (" onmouseover=\"MM_swapImage('nav_section_arrow_"+i_group+"','','_images/arrow_down.gif',1);getobjbyId('nav_sub_"+i_group+"').className='nav_members_expanded';\" onmouseout=\"MM_swapImgRestore();getobjbyId('nav_sub_"+i_group+"').className='nav_members_collapsed';\"");
				}else{
					// this group HAS NOT a sub menu - onmouseOver() and onmouseOut() will change arrow 
					document.write (" onmouseover=\"MM_swapImage('nav_section_arrow_"+i_group+"','','_images/arrow_right.gif',1)\" onmouseout=\"MM_swapImgRestore()\"");
				}
				
				document.write (">");
				
				// GROUP TITLE
				document.write ("<a href='"+the_array_items[i_group][3]+"' class='nav_title'>");
				document.write ("<img src='../site/_images/arrow_gray.gif' width='13' height='14' hspace='0' border='0' align='absmiddle' name='nav_section_arrow_"+i_group+"' id='nav_section_arrow_"+i_group+"'/> ");
				document.write (the_array_items[i_group][2])	// text of group title
				document.write ("</a>")

				if(this_member_num>0){
					// GROUP MEMBER
					// sub menu
					document.write ("<div id='nav_sub_"+i_group+"' class='nav_members_collapsed'>");	// sub_menu is collapsed
					for(j_member=0;j_member<this_member_num;j_member++){
						// for each member of this group
						document.write ("<a href='"+this_array_members[j_member][3]+"' class='nav_member'");
						if((j_member==0)&&(j_member!=(this_member_num-1))){document.write (" style='padding-top:12px;'");}
						if((j_member!=0)&&(j_member==(this_member_num-1))){document.write (" style='padding-bottom:12px;'");}
						document.write (">"+this_array_members[j_member][2]+"</a>")
					}
					document.write ("</div>");
				}

				document.write ("</div>");	// end of a group

			}
	
		}
	}

}