$().ready(function() {
    var articleType = null;
    articleType = $(".categories .pinka").attr("type");
    if (articleType == null || articleType == '' || articleType == undefined) {
        articleType = "";
    }
    localStorage.setItem("productPage", 1);
    localStorage.setItem("productType", articleType);
    initProduct(articleType);
});

function initProduct(type) {
    var url = "/ht/product/all/" + type;
    $.ajax({
        type: 'GET',
        url: url,
        async: false,
        dataType: 'json',
        timeout: 5000,
        success: function(result) {
            if (result.code === 0) {
                var body = "<div class=\"row news-post\">";
                $.each(result.data, function(fi, fours) {
                    var bodyHtml = "";
                    $.each(fours, function(ti, product) {
                        var json = JSON.stringify(product);
                        var bodyDiv = "<div class=\"col-md-4 gal-img\" onclick='goProductInfo(" + json + ")'>" +
                            "<a href=\"#gal2\"><img src=\"" + product.imgUrl + "\" alt=\"w3pvt\" class=\"img-fluid\"></a>" +
                            "<div class=\"gal-info\" style=\"background-color: #f7f7f7;\">" +
                            "    <h5>" + product.name + "<span class=\"decription\">" + product.description + "</span></h5>" +
                            "</div></div>";
                        bodyHtml = bodyHtml + bodyDiv;
                    });
                    bodyHtml = bodyHtml;
                    body = body + bodyHtml;
                });
                body = body+"</div>";
                $("#product_list").html(body);
            } else {

            }
        }
    });
}

function goProductInfo(product) {
    localStorage.setItem("product", JSON.stringify(product));
    window.location.href = "/productinfo.html";
}