var  info={id:"0",is_open:"not",ulid:"0",level:"0",ulevel:"0",is_init:false,rs_id:null,gsort:'artc_sort',initid:0};
var  ulliCSS='{"list-style-type":"none","cursor":"hand"}';

var html = "<div id='contdiv' style=\"z-index:1000;position: absolute; visibility:hidden; display:none; background-color:#3399ff;text-align:left;font:12px;border:'1px solid #3399ff';\">";
html += "<div style=\"text-align:right;background-color:#3399ff;padding:3px;color:white;cursor:hand\" onclick=\"javascript:contdiv.style.display='none'\">关闭</div>";
html += "<div id='rootdiv' style=\"padding:3px;background-color:#EEF7FF;\"></div>";
html += "</div>";

document.write(html);

function initRoot(rsId,rsSort,sortName,initId,el){
	$("#contdiv").css("display","block");
	$("#contdiv").css("visibility","visible");
	$("ul").css("list-style-type","none");
	$("ul").css("cursor","hand");
	$("li").css("list-style-type","none");
	$("li").css("cursor","hand");

	if(!initId)initId='0';
	if(info.is_init!=true||info.gsort!=sortName||info.rs_id!=rsId){
		$("#"+rsSort).click(function(){		
			var X = el.getBoundingClientRect().left+document.documentElement.scrollLeft;
			var Y = el.getBoundingClientRect().top+document.documentElement.scrollTop;		
			$("#contdiv").css("left",X + 'px');	
			$("#contdiv").css("top",Y + 20 + 'px');				   
		});
		$("#rootdiv").append("<img src=/class/img/loading.gif>");		
		ajax_get(initId,rsId,rsSort,sortName);
		info.is_init=true;
		info.gsort=sortName;
		if(initId>0)info.initid=initId;
		
	}
}


function bindclick(rsId,rsSort,sortName){
	//rsId 当用户选定分类时，要回传的input分类ID, rsSort 要回传的input分类名
	$(".dsort").bind("click",function(){
		info.rs_id=rsId;
		info.gsort=sortName;
		info.id=$(this).attr("imgid");
		info.ulid=$(this).attr("up_id");
		info.is_child=$(this).attr("is_child");
		info.is_open=$(this).attr("is_open");
		info.level=$(this).attr("level");
		info.ulevel = parseInt(info.level)+2;
		colse(info.ulid,info.level);				
		if(info.is_open=="not"&&info.is_child==1){			
			ajax_get(info.id,rsId,rsSort,sortName);				
			info.is_open=$(this).attr("is_open","yes");	
			return false;				
		}
		else
		{
			//alert(info.id);
			colse_this(info.id);
			info.is_open=$(this).attr("is_open","not");
			return false;
		}	
	});
	
	//------返回值---------------
	$(".tsort").bind("click",function(){
		//alert(rsId);
		info.id=$(this).attr("sortid");		
		$("#"+rsId).attr("value",info.id);
		$("#"+rsSort).attr("value",$("span[sortid="+info.id+"]").attr("gsort"));
		$("#contdiv").css("visibility","hidden");		
	}
	);
}


function ajax_get(id,rsId,rsSort,sortName){
	//alert(id + "__" + sortName);		
	$("img[loadimg="+id+"]").css({"visibility":"visible","width":"32px","height":"32px"});

	$.ajax({
	    type: "POST",
	    url: "/php/ajax/get_sort_list.php",
	    data: "gsort="+ sortName + "&id=" + id,
	    beforeSend: function(){	    	
	    },
	    success: function(msg){	
	   		// alert(info.initid);	    	
	    	if(id==0||info.initid>0){
	    		$("#rootdiv").empty().append(msg);
	    		info.initid=0;	
			 }
	    	else
	    	{
		    	$("li[liid="+id+"]").after(msg);
		    	info.initid=0;		    	   	
	    	}
	    	info.is_init=true;
	    	$(".dsort").unbind("click");
	    	$(".tsort").unbind("click");
	    	bindclick(rsId,rsSort,sortName);
	    	//$("img[loadimg="+id+"]").addClass("loading");
	    	$("img[loadimg]").css({"visibility":"visible","width":"0px","height":"0px"});	
	    	$("ul").css({"list-style-type":"none","margin-left":"10px"});
	    	$("li").css({"list-style-type":"none"});    
	   }
	});
	
}


function colse(ulid,ulevel){
	//alert(ulid + "___" + ulevel);
	if(ulevel<2)return;	
	$("ul[level='"+ulevel+"']").not($("ul[ulid='"+ulid+"']")).remove();
	//$("ul[ulid='"+ulid+"']").remove();
}

function colse_this(ulid){		
	$("ul[ulid='"+ulid+"']").remove();
	return false;
}