var refreshIDTop10 = -1;

$(document).ready(function () {

    getTop10Products();

});

function getTop10Products() {
    refreshIDTop10 = Math.floor(Math.random() * 1000);

    $.ajax({
        url: "/TodaysShow/Top10Products.asmx/GetTop10Products",
        type: "POST",
        dataType: "json",
        data: "{'refreshid':" + refreshIDTop10 + "}",
        contentType: "application/json; charset=utf-8",
        success: function (msg) {

            if (msg != null) {
                if (parseInt(msg.d.i, 10) == refreshIDTop10) {
                    processTop10(msg.d.a);
                }
            }
        }
    });
}

function processTop10(data) {
    var length = data.length;
    var top10Data = data[0];

    // populate the list for top 10 products
    for (var i = 0; i < top10Length; i += 2) {

        // write out the top 10 item
//        $("#top10List").append("<a href='/Products/productDetails.aspx?c=" + top10Data.p + "'><div class='top10ListItem'><div class='top10Img'><img src='/Images/img_" + (i + 1) + ".png' /></div><div class='top10Desc'><div class='top10Text'>" + top10Data.d + "</div><div class='top10Code'>Code:" + top10Data.p + "</div></div></div></a>");

        $("#top10List").append("<div><div class=\"top10ImgList\"><a href='/Products/productDetails.aspx?c=" + data[i].p + "'><img class=\"top10ImgItemLeft\" src='" + imageroot + "/Images/products/?s=65&c=" + data[i].p + "' /></a><a href='/Products/productDetails.aspx?c=" + data[i + 1].p + "'><img class=\"top10ImgItemRight\" src='" + imageroot + "/Images/products/?s=65&c=" + data[i + 1].p + "'/></a></div></div>");

    }
}