$(function() {
    $('ul.root li').click(function() {
        $('ul.root').animate({ marginLeft: '-294px' }, 500);
        var title = $('span', this).text()
        var id = $('span', this).attr("id");
        $('#sp_subtitle').text(title);

        parentCatID = $(this).attr("id");
        getSubCat(parentCatID);

        document.getElementById('cm_content').scrollTop = 0;

    });

    $('#li_viewall').click(function() {
        $('ul.root').animate({ marginLeft: '0px' }, 500);

    });
})

function getSubCat(catID) {
    $.ajax({
        type: "POST",
        data: "{catID:" + catID + "}",
        contentType: "application/json; charset=utf-8",
        url: "/farmservice/explorer.asmx/getSubCat",
        dataType: "json",
        success: function(data) {
            data = eval('(' + data.d + ')');
            var html = '';
            for (var i = 0; i < data[0].subcat.length; i++) {
                html += '<li class="sub"><a href="/subcat/' + data[0].subcat[i].catName + '/' + data[0].subcat[i].id + '/' + data[0].subcat[i].subName + '" class="subcontent">' + data[0].subcat[i].subName + '</a></li>';
            }
            $("#subCat").animate({}, 600).html(html);
        }
    });
}