$(document).ready(function() {

    $("div.scrollable").scrollable({
        size: 2,
        clickable: false,
        keyboard: false
    });

    $("div.scrollable img").click(function() {

        var $this = $(this);
        var $container = $this.parent();

        var imageCount = $container.find("img").length;
        var imageIndex = $this.index();

        $.popup({
            onLoad: function(sender) {

                var imageSrc = $container.find("img:eq(" + imageIndex + ")").attr("src");

                var html = "<div class=\"galleryPopup\">";
                html += "<a class=\"prevPage browse left\"></a>";
                html += "<a class=\"nextPage browse right\"></a>";
                html += "<div class=\"galleryImage\">";
                html += "<img src=\"" + imageSrc + "\"/>";
                html += "</div>";
                html += "</div>";

                sender.html(html);

                $(".prevPage").click(function() {

                    if (imageIndex == 0)
                        imageIndex = imageCount - 1;
                    else
                        imageIndex = imageIndex - 1;

                    imageSrc = $container.find("img:eq(" + imageIndex + ")").attr("src");

                    $(".galleryImage img").fadeOut("fast", function() {
                        $(this).attr("src", imageSrc).fadeIn();
                    });

                });

                $(".nextPage, .galleryImage img").click(function() {

                    if (imageIndex == (imageCount - 1))
                        imageIndex = 0;
                    else
                        imageIndex = imageIndex + 1;

                    imageSrc = $container.find("img:eq(" + imageIndex + ")").attr("src");

                    $(".galleryImage img").fadeOut("fast", function() {
                        $(this).attr("src", imageSrc).fadeIn();
                    });

                });

            }

        });

    });

});

function AddToCart(params) {

    if (!params && !params.sku)
        return;

    if (params.qty == null)
        params.qty = 1;

    var ret;

    $.ajax({
        url: params.serviceBaseUrl + "/ClientServices/Cart.svc/AddToCart",
        data: "skuId=" + params.sku + "&qty=" + params.qty,
        async: false,
        success: function(data) {
            ret = data;
        },
        dataType: "json"
    });

    if (params.callback && (typeof params.callback) == 'function')
        params.callback(ret);

}