function showArea(){
    $("#bar").remove();
  	var cidName=$(this).attr("id");
	var iptOffSet=$(this).offset();
	var iptLeft=iptOffSet.left;
	var iptTop=iptOffSet.top+20;
	var str="<div id='bar'><span>请选择大类<a id='fh'>返回大类列表</a><a id='gb'>[&nbsp;关闭&nbsp;]</a></span><ul></ul><div style='clear:both;'></div></div>";
	areasLen=apt.length;
	var str2="";
	for(var i=0;i<areasLen;i++){
		str2=str2+"<li id='t"+apt[i][0]+"'>"+apt[i][1]+"</li>";
	}
	
	$("body").append(str);
	$("#bar ul").append(str2);
	
	$("#bar").css({left:iptLeft+"px",top:iptTop+"px"});
	$("#bar span a#fh").bind("click", function() {
	    $("#bar ul").empty();
	    $("#bar ul").append(str2);
	    $("#bar ul li").bind("click", { cid: cidName }, liBind);
	    $("#bar span")[0].firstChild.data = "请选择小类";
	});
	$("#bar span a#gb").bind("click",function(){
		$("#bar").remove();
    });
    
    $("#bar ul li").bind("click", { cid: cidName }, liBind);
}
function setVal() {
    var setipt2 = arguments[0];
	$("#" + setipt2 + "Val").val(arguments[1]); //截取字符串
	$("#"+setipt2).val(arguments[2]);
	if (arguments[3] != "true") {
	    $("#bar").css("display", "none");
	}
}
function liBind(event){
	var setipt=event.data.cid;	
	var liId=$(this).attr("id");
	var liText=$(this).text();
	var pArr = eval(liId);	
	pLen=pArr.length;
	if(pLen>0){
	    if (liId.length == 7) {
            setVal(setipt, liId.substring(1), liText,"false");
            return;
        }
		listr="";
		for(j=0;j<pLen;j++){
			   listr=listr+"<li id='t"+pArr[j][0]+"'>"+pArr[j][1]+"</li>";
			}
			$("#bar ul").empty();
			$("#bar ul").append(listr);
			$("#bar ul li").bind("click", { cid: setipt }, liBind);
			setVal(setipt, liId.substring(1), liText, "true");
			switch (liId.length - 1) {
			    case 2:
			        $("#bar span")[0].firstChild.data = "请选择小类";
			        break;
			    case 4:
			        $("#bar span")[0].firstChild.data = "请选择品牌";
			}

      }else{
		 setVal(setipt, liId.substring(1), liText,"false");   
	}
}