function getHTML(href, src, name) {
        return '<li><div class="valign">&nbsp;<a href="' +  href  + '"><img alt=" " src="' + src +'"/></a>&nbsp;</div><p style="text-align: center">' + name +'</p></li>';
    };
    
    $(function() {
          $.getJSON("/shop/products.js",
            function(data){
                $.each(data.itemList, function(i,item){
                   $(getHTML(item.hrefValue, item.imgValue,item.name )).appendTo("#shopCarousel");
                });
                 $('#shopCarousel ').jcarousel({visible: 4});
            });
      });