function onPicsLoaded(){
  var st="";
	var buf="<table cellspacing=0 cellpadding=0 width=100% border=0>";
	for(cnt=0;cnt<picGroups.length;cnt++){
		buf+="<tr><td class=picmenu>"+picGroups[cnt].names[lang]+"</td></tr>";
	  if(picGroups[cnt].pics.length)
			buf+="<tr><td><div style='width:100%;' id='picgroup"+picGroups[cnt].id+"'>"+showPicGroupPartly(picGroups[cnt].id)+"</div></td></tr>";
		if(cnt<(picGroups.length-1)){
			st="border-bottom:1px solid #444444;";
		} else {
			st="";		
		}
	  if(picGroups[cnt].pics.length>5){
	   	buf+="<tr height=30><td align=right class=topmenu style='"+st+"' id='picgrouplink"+picGroups[cnt].id+"'><a href=# onClick='showPicGroupTotal("+picGroups[cnt].id+");return(false)'>"+opengroup+"</a></td></tr>";
	  } else {
			buf+="<tr height=15><td style='"+st+"'>&nbsp;</td></tr>";
	  }
		buf+="<tr height=15><td>&nbsp;</td></tr>";
	}
	buf+="</table>";
	document.write(buf);
}

function showPicGroupPartly(id){
	var buf="<table cellspacing=0 cellpadding=0 width=100% class=piccont border=0>";
	var cnt1=0;
	if(picGroup[id].pics.length>5){
    buf+="<tr height=100>";
    for(var cnt=0;cnt<5;cnt++){
      var picobj=picGroup[id].pics[cnt];
      var l=picGroup[id].pics[cnt].ico;
      if(!l)
      	l="afb/maria01.jpg";
      if(cnt1) buf+="<td></td>";
    	buf+="<td width=100 class=picturetd><a href=# onClick='showPicture("+id+","+cnt+");return(false)'><img src='"+l+"' width=100 height=100 border=0></a></td>";
    	cnt1++;
    }
  	buf+="</tr>";
	} else {
    buf+="<tr height=100>";
    for(var cnt=0;cnt<picGroup[id].pics.length;cnt++){
      var picobj=picGroup[id].pics[cnt];
      var l=picGroup[id].pics[cnt].ico;
      if(!l)
      	l="afb/maria01.jpg";
      if(cnt1) buf+="<td></td>";
    	buf+="<td width=100 class=picturetd><a href=# onClick='showPicture("+id+","+cnt+");return(false)'><img src='"+l+"' width=100 height=100 border=0></a></td>";
    	cnt1++;
    	if(cnt1>4){
    		cnt1=0;
    		buf+="</tr>";
    	}
    }

    if(cnt1){
    	for(var cnt=cnt1;cnt<5;cnt++){
    	  buf+="<td></td>";
    		buf+="<td width=100><img src='afb/nil.gif' width=100 height=100 border=0></td>";
    	}
    	buf+="</tr>";
    };	
	}
	buf+="</table>";
	return buf;
}

function showPicGroupTotal(id){
	var buf="<table cellspacing=0 cellpadding=0 width=100% class=piccont>";
	var cnt1=0;
	var trs=new Array();
	var ntr=0;
  for(var cnt=0;cnt<picGroup[id].pics.length;cnt++){
    if(!cnt1) trs[ntr]="<tr height=100>";
    var picobj=picGroup[id].pics[cnt];
    var l=picGroup[id].pics[cnt].ico;
    if(!l)
     	l="afb/maria01.jpg";
    if(cnt1) trs[ntr]+="<td></td>";
  	trs[ntr]+="<td width=100 class=picturetd><a href=# onClick='showPicture("+id+","+cnt+");return(false)'><img src='"+l+"' width=100 height=100 border=0></a></td>";
   	cnt1++;
   	if(cnt1>4){
   		cnt1=0;
   		trs[ntr]+="</tr>";
   		ntr++;
   	}
  }
	if(cnt1){
		for(var cnt=cnt1;cnt<5;cnt++){
		  trs[ntr]+="<td></td>";
			trs[ntr]+="<td width=100>&nbsp;</td>";
		}
		trs[ntr]+="</tr>";
	};	

	buf+=trs.join("<tr class=pictrie><td width=100><img src='afb/nil.gif' width=1 height=1></td><td></td><td width=100><img src='afb/nil.gif' width=1 height=1></td><td></td><td width=100><img src='afb/nil.gif' width=1 height=1></td><td></td><td width=100><img src='afb/nil.gif' width=1 height=1></td><td></td><td width=100><img src='afb/nil.gif' width=1 height=1></td></tr>");
	buf+="</table>";

	var o=document.getElementById("picgroup"+id);
	if(o) o.innerHTML=buf;
	var o=document.getElementById("picgrouplink"+id);
	o.innerHTML="<a href=# onClick='closePicGroup("+id+");return(false)'>"+closegroup+"</a></td>";
}

function closePicGroup(id){
	var o=document.getElementById("picgroup"+id);
	if(o) o.innerHTML=showPicGroupPartly(id);
	var o=document.getElementById("picgrouplink"+id);
	o.innerHTML="<a href=# onClick='showPicGroupTotal("+id+");return(false)'>"+opengroup+"</a>";
}