// render_nav_section
function render_nav_section(the_array_items, the_section_id, the_group_id, the_member_id){
	
	// get group list
	var array_groups=new Array();
	for(i=0; i<the_array_items.length; i++){
		if((the_array_items[i][0]!="")&&(the_array_items[i][1]=="")){
			pushin(array_groups, the_array_items[i]);
			pushin(timer_delay_collapse_group, "");
			pushin(timer_slide_group, "");
		}
	}
	
	for(i=0; i<array_groups.length; i++){
		// get member list
		var array_members=new Array();
		for(ii=0; ii<the_array_items.length; ii++) if((the_array_items[ii][0]==array_groups[i][0])&&(the_array_items[ii][1]!="")) pushin(array_members, the_array_items[ii]);
		
		if(array_groups[i][0]==this_group_id){
			
			document.write ("<div id='group_"+i+"' class='div_group'>");
			
				if(array_members.length>0){
					document.write ("<a href='"+array_groups[i][3]+"' class='group_title_in_expanded'>"+array_groups[i][2]+"</a>");
					document.write ("<div class='div_member'>");
						for(ii=0; ii<array_members.length; ii++){
							if(array_members[ii][1]==this_member_id){
								document.write ("<a href='"+array_members[ii][3]+"' class='member_in'>"+array_members[ii][2]+"</a>");
							}else{
								document.write ("<a href='"+array_members[ii][3]+"' class='member_out'>"+array_members[ii][2]+"</a>");
							}
						}
					document.write ("</div>");
					
				}else{
					document.write ("<a href='"+array_groups[i][3]+"' class='group_title_in'>"+array_groups[i][2]+"</a>");	
				}
			
			document.write ("</div>");
					
		}else{
			
			document.write ("<div id='group_"+i+"' style='height:29px;' class='div_group' onmouseover='expand_group(this);' onmouseout='collapse_group(this);'>");
				document.write ("<a href='"+array_groups[i][3]+"' class='group_title_out'>"+array_groups[i][2]+"</a>");
			
				if(array_members.length>0){
					document.write ("<div class='div_member'>");
						for(ii=0; ii<array_members.length; ii++){
							document.write ("<a href='"+array_members[ii][3]+"' class='member_out'>"+array_members[ii][2]+"</a>");
						}
					document.write ("</div>");
				}
			
			document.write ("</div>");			
		}
	
	}

}


// render_nav_section_OLD()
function render_nav_section_OLD(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]==""){
			// 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'");
					
						if(the_array_items[i_group][0]=="store") document.write (" target='_blank'");
					
					document.write (">");
					
					
					
					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'");
					
						if(the_array_items[i_group][0]=="store") document.write (" target='_blank'");
					
					document.write (">");
					

					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'");

						if(the_array_items[i_group][0]=="store") document.write (" target='_blank'");
						
				document.write (">");

				
				
				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

			}
	
		}
	}

}