$(document).ready(onDocumentReady);

function onDocumentReady()
{
    $.get("/myriad-store/rest/AssetService/listCategories", onGotCategories);
}

function onGotCategories(data)
{
    $("#categories").html("");
    for(var i=0; i<data.categories.length; i++)
    {
        var cat = data.categories[i];
        $("#categories").append("<div class='features'>" +
                "<div class='imageholder'>" + 
                "<a class='depth1' href=\"category/" + cat.id + "-" + cat.label + "\">" + 
                "<img src='/myriad-store/rest/AssetService/getImage?filename=" + cat.thumbnail + "' alt='" + cat.label + "' />" + 
                "</a></div>" +
                "<h3>" + cat.label + "</h3>" +
                "<p><a class='url' href=\"category/" + cat.id + "-" + cleanLabel(cat.label) + "\">view: images</a></p>" +
                "</div>");
    }
}