function listtitle(liid)
{
    var liList=document.getElementById("listtitle").getElementsByTagName("li");
    for(var i=1;i<=liList.length;i++)
    {
        $("#listtitle_" + i).removeClass("selected");
      $("#listtitle_"+i).removeClass("listtitleeout");
      if(i==liid)
      {
          $("#listtitle_" + i).addClass("selected");
      $("#listinfo_"+i).css("display","block");
      }
      else
      {
       $("#listtitle_"+i).addClass("listtitleeout");
       $("#listinfo_"+i).css("display","none");
      }
    }
    listinfo(liid,1);
} 
/*****底部详细列表******/
function listinfo(ulid,liid)
{
    var liList=document.getElementById("listinfo_"+ulid).getElementsByTagName("li");
    for(var i=1;i<=liList.length;i++)
    { 
      if(i==liid)
      {
        liList[i-1].childNodes[0].style.display="none";
        liList[i-1].childNodes[1].style.display="block";
      }
      else
      {
        liList[i-1].childNodes[0].style.display="block";
        liList[i-1].childNodes[1].style.display="none";
      }
    }
}