jQuery(function($) {
    InitAvailableSizesPopup();    
});

function InitAvailableSizesPopup()
{
    $(".product-item-variants").css({ opacity: 0.75 }).each(function(idx, obj)
    {
        var $obj = $(obj);
        $('span:eq(0)', obj).css({ display: 'block' });
        $obj.click(function(event)
        {
            var a = $(obj.currentImage).closest("a");
            if (a)
            {
                //                alert(document.documentElement.scrollTop);
                //                Persister.pageOffset.set(document.documentElement.scrollTop);
                //location.href = a.attr('href');
                a.click();
            }
        });
        var $imgs = $("img", $obj.parent());
        $imgs.each(function(_, img)
        {
            var $img = $(img);
            img.mouseOverTitle = img.title;
            img.title = '';
            $img.mouseover(function(event)
            {
                var offset = $img.offset();
                $("a", obj).attr('href', $img.closest('a').attr('href'));
                $("span:eq(1)", obj).text(img.mouseOverTitle);
                obj.currentImage = img;
                $obj.css({
                    visibility: "visible",
                    top: offset.top,
                    left: offset.left - 19,
                    zIndex: 9999
                });
            });
            $img.mouseleave(function(event)
            {
                if (event.relatedTarget != null && typeof event.relatedTarget != "undefined" && (event.relatedTarget.className == "product-item-variants" || $(event.relatedTarget).parents(".product-item-variants").length > 0))
                    return;

                $obj.css({ visibility: "hidden" });
            });
        });
        $obj.mouseleave(function(event)
        {
            $obj.css({ visibility: "hidden" });
        });
    });
}