//
var g_type = "hide";               //显示、隐藏类型 show , hide

$(document).ready(function()
{
    //单击时显示隐藏菜单
    $("img").click(function()
    {
        var m_imgID = $(this).attr("id");
	if (m_imgID.indexOf("img_Category_") == -1)
        {
            return;
        }

        var m_divID = m_imgID.replace("img", "div");                                             //获取点击的div的id值
        if ($("div[name=" + m_divID + "]").eq(0).css("display") == "block")
        {
            g_type = "hide"; 	    //折叠 
        }
        else
        {
            g_type = "show";        //显示
        }

        imgShowAndHide(m_imgID, g_type);
        buildCategory(m_divID);
        $(parent.document).find("#detail")[0].style.height = $(document.body).height();
    });
});

//显示+,-图片
function imgShowAndHide(m_imgID, m_imgType)
{
    if (m_imgType == "hide")
    {
        $("#" + m_imgID)[0].src = "image/plus.gif";
    }
    else
    {
        $("#" + m_imgID)[0].src = "image/sub.gif";
    }
}

//设置树子层的显示状态
function buildCategory(m_divID)
{
    var m_divCount = $("div[name=" + m_divID + "]").length;        //求子层的层数

    for (i = 0; i < m_divCount; i++)
    {
        showAndHide(m_divID, i);
    }
}

//显示或隐藏层
function showAndHide(m_divID, m_index)
{
    var m_childDivID = $("div[name=" + m_divID + "]").eq(m_index).attr("id");
    if (g_type == "hide")
    {
        $("#" + m_childDivID)[0].style.display = "none";
    }
    else
    {
        $("#" + m_childDivID)[0].style.display = "block";
    }
}