function category(id){
	var container=$("#category"+id);
	if(container.attr("class")=="hiden"){
		var url="admin/admin.php?m=productjson&a=listgradegroup&cid="+id;
		container.attr("class","categorylist");
		container.empty();
		$.getJSON(url, function(data){
						if(data.length>0){
							var tempitem="<table>",script="",i;
							for(i=0;i<data.length;i++){
								tempitem+=("<div><a href=\"javascript:sp("+id+","+data[i].id+")\" title=\""+data[i].detail_ch+"\">"+data[i].name_ch+"("+data[i].num+")</a><div id=\"sg"+id+"_"+data[i].id+"\" class=\"hiden\"></div></div>\n");
								script+="sp("+id+","+data[i].id+");";
							}
							container.append(tempitem);
							container.append("<script language=\"javascript\">"+script+"</script>");
						}else{
							container.attr("class","hiden");
						}
		}); 
	}else{
		container.attr("class","hiden");
	}
}


function sp(cid,ggid){
	var container=$("#sg"+cid+"_"+ggid);
	if(container.attr("class")=="hiden"){
		var url="admin/admin.php?m=productjson&a=listsgproduct&cid="+cid+"&ggid="+ggid;
		container.attr("class","sglist");
		container.empty();
		$.getJSON(url, function(data){
						//container.append(transport);
						if(data.length>0){
							var tempitem="<table id=\"ul_"+cid+"_"+ggid+"\"><tr>";
							for(var i=0;i<data.length;i++){
								tempitem+=("<td width=\"33%\"><table><tr><th><a href=\"product.php?id="+data[i].id+"\"><img src=\"images/s-"+data[i].pic+"\" /></a></th><td><a href=\"product.php?id="+data[i].id+"\">"+data[i].grade_ch+" "+data[i].milling_ch+" "+data[i].mois_ch+" "+data[i].addition1_ch+"</a></td></tr></table></td>");
								if((i+1)%3==0){
									tempitem+="</tr>";
									if(i>data.length-1)
										tempitem+="<tr>";
								}
							}
							var j=3-i%3;
							while(j--){
								tempitem+="<td width=\"33%\"></td>";
							}
							tempitem+="</tr></table>";
							container.append(tempitem);
						}else{
							container.attr("class","hiden");
						}
		}); 
	}
}