(function($) {
        var vis = parseInt(($(window).width()-$(".next").width()-$(".prev").width()-50) / (20+thumbwidth), 10);
        if (vis < 3) { vis = 3; }
        $(".gallery").jCarouselLite({
                btnNext: ".next",
                btnPrev: ".prev",
                circular: false,
                visible: vis,
                mouseWheel: true
        });

// {"url": "http:\/\/127.0.0.1:8000\/test\/_\/6_random2_small100_lCV-RrUL4r.jpg", "width": 69, "caption": "Four", "link": "\/photo\/sepzJ8PAW1q6IndwqTrwUv_q11c\/small100\/random2\/", "height": 100}
// var view='{% if view %}{{view.name}}{% endif %}';
        $(".loadimage").click(function(){
                var img = $(this).find("img");
                var dest = $("img.view");
                var xhash = img.attr("xhash");
                var xslug = img.attr("xslug");
                var url = "/json/photo/"+xhash+"/";
                if (view) { url = url+view+"/"; }
                url = url+xslug+"/";
                $.getJSON(url, {}, function(json){
                        dest.attr("src",json.url);
                        dest.attr("width",json.width);
                        dest.attr("height",json.height);
                        dest.parents("a:first").attr("href",json.link).attr("title",json.title);
                        dest.parents("div:first").find("span.caption").text(json.caption);
                });

                return false;
        });
})(jQuery);