function ShowDetails(TargetID,objSender)
{
    var ActiveElm=document.getElementById('dv'+TargetID);
    document.getElementById('img'+TargetID).style.visibility='visible';
    var RetriveCats=new CallBack("GetProductCats");
    var Xml=RetriveCats.CreateXmlRequest();
    var XmlDOM;
    Xml.onreadystatechange=function()
    {
        if(Xml.readyState == 4)
        {
            if(Xml.status ==200)
            {
                XmlDOM=RetriveCats.CreateXmlDOM(Xml);
                ShowCatXml(ActiveElm,document.getElementById('img'+TargetID),XmlDOM);
                objSender.src='../Images/Default/Collaps.gif';
                objSender.title='Collaps';
            }
        }
    }
    try
    {
        RetriveCats.GetResult(Xml,"ParentID="+TargetID+"&Separator=$$","../");
    }
    catch(ex)
    {
        alert(ex.message);
    }
}
function ShowCatXml(TargetElm,LoadingElm,XmlDOM)
{
    var rets=XmlDOM.getElementsByTagName("string");
    TargetElm.innerHTML = '';
    var temp='';
    for(ii=0;ii<rets.length;ii++)
    {
        try
        {
            var inner=rets[ii].childNodes[0].nodeValue.split("$$");
            if(inner[2]>0)//Has Chiled
            {
                temp+='<table>';
                temp+='<tr>';
                temp+='<td width="15px" >';
                temp+='<a onclick="javascript:return false;" href=".">';
                temp+='<img class="Expand" onclick="javascript:ShowDetails(\''+inner[0]+'\',this);return false;" src="../Images/Default/Expand.gif" alt="Expand" /></a>';
                temp+='</td>';
                temp+='<td>';
                temp+=inner[1]+'['+inner[2]+']';
                temp+='<img src="../Images/Default/loading.gif" style="visibility:hidden;" id="img'+inner[0]+'" align="absmiddle" />';
                temp+='</td>';
                temp+='</tr>';
                temp+='<tr>';
                temp+='<td background="../Images/Default/ver.gif"></td>';
                temp+='<td><div class="ProductCats" id="dv'+inner[0]+'"></div></td>';
                temp+='</tr>';
                temp+='</table>';
            }
            else
                temp +=unescape('<div>'+GetArrow()+'<a href="Products.aspx?CID='+inner[0]+'" >'+inner[1]+'</a></div>');
        }
        catch(ex)
        {
            alert(ex.message);
        }
    }
    TargetElm.innerHTML=temp;
    LoadingElm.style.visibility='hidden';
}
function GetArrow()
{
    return '<img src="../Images/Default/arrow.gif" width="11" align="middle">&nbsp;';
}