function collpase(id,O2)
{
  $(id).style.display="none";
  var str='symbol_'+id.replace(/_/g,'');
  if($(str))
  {
    var mainid=id.replace(/_/g,'');
    var symbolhref='<span id="symbol_'+mainid+'"><a href="#" onclick="expand(\''+id+'\','+O2+');" class="nodecls">'+UI.expand+'</a></span>';

    $(str).innerHTML=symbolhref;

  }
}
function expand(id,O2)
{
  loadChild(id,O2);
  
  $(id).style.display="block";
  var str='symbol_'+id.replace(/_/g,'');
 
  if($(str))
  {
    var mainid=id.replace(/_/g,'');
    var symbolhref='<span id="symbol_'+mainid+'"><a href="#" onclick="collpase(\''+id+'\','+O2+');" class="nodecls">'+UI.collapse+'</a></span>';
    $(str).innerHTML=symbolhref;
   
  }
}

function loadChild(id,O2)
{
  var lang = $("lang").value;
  var param ="&method=getCat&id="+id+"&catid="+O2+"&lang="+lang;
  var ajax = new Ajax.Request('./services.php',{method:'post', parameters:param, onComplete:generateChild});
}

function generateChild(request)
{
  json_rq = request.responseText;
  var resp = eval('('+json_rq+')');
    
    var str='';
   
    var i=0;
    if(resp.length==0)
    {
      $(resp.id).innerHTML="none";
          
    }
    else
    {
     
     var mainid=resp.id.replace(/_/g,'');
     for(i=0;i < resp.data.length;i++)
     { 
      if(resp.data[i].degree==0)
      {
      str+='<div id="'+mainid+''+i+'" style="padding-left:5px;">';
      str+='<span id="symbol_'+mainid+''+i+'"><a href="#" onclick="expand(\''+resp.id+'_'+i+'\','+resp.data[i].id+');" class="nodecls">'+UI.expand+'</a></span>';
      str+='<a  onclick ="expand(\''+resp.id+'_'+i+'\','+resp.data[i].id+');" href ="#" class="nodecls">'+resp.data[i].label+'</a></div>';
      str+='<div id="'+resp.id+'_'+i+'" style="padding-left:15px;display:none"></div>';
     }
     else
       {
      str+='<div id="'+mainid+''+i+'" style="padding-left:5px;">';
      str+='<span id="symbol_'+mainid+''+i+'"><a  onclick="expand(\''+resp.id+'_'+i+'\','+resp.data[i].id+');" class="nodecls">'+UI.collapse+'</a></span>';
      str+='<a  onclick ="expand(\''+resp.id+'_'+i+'\','+resp.data[i].id+');" href ="?product&id='+resp.data[i].name+'" class="nodecls" >'+resp.data[i].label+'</a></div>';
      str+='<div id="'+resp.id+'_'+i+'" style="padding-left:15px;display:none; "></div>';
     }
    }
   }
  
    $(resp.id).innerHTML=str;
  }