$(function () {
    $(".js-prod-variant").mouseover(function (event) {
        mouseOverVariant($(this));

    });
    $(".js-prod-variant").click(function (event) {
        event.preventDefault();
        clickVariant($(this));

    });
})

function mouseOverVariant(element) {
    var id = $(element).attr('data-id');

    $.getJSON('/GetThumbInfo.ashx?VariantId=' + id + '&ImageSize=140', function (data) {
        var parent = $(element).closest(".js-variant-container")
        $('.js-variant-img', parent).attr('src', data.pictureUrl);
        $('.js-variant-url', parent).attr('href', data.variantUrl);
    });

}
function clickVariant(element) {
    var id = $(element).attr('data-id');

    $.getJSON('/GetThumbInfo.ashx?VariantId=' + id + '&ImageSize=140', function (data) {
        window.location.href = data.variantUrl;
    });

}