{"html":"<div class=\"gallery-container\">\n    <div class=\"gallery-slides\">\n        <div class=\"gallery-slide active\" style=\"width:1000px\">\n    <img src=\"\/userfiles\/modules\/directory\/gallery\/53\/105\/Montgomery-CC.jpg-large\" \/>\n    <label>Montgomery-CC<\/label>\n<\/div>\n    <\/div>\n<\/div>\n","type":"dialogue","class":"gallery","js":"\/\/this goes into directory_gallery via a demand dialogue.\n\nvar view_width = 0;\nvar max_width = 0;\n\n$(\".gallery-slide\").each(function(i, e) {\n    var slide_width = $(e).outerWidth(true);\n    if (slide_width > max_width) {\n        max_width = slide_width;\n    }\n});\n\nview_width = $(\".gallery-slide\").length * (max_width);\n\/\/$(\".gallery-slide\").width(max_width);\n\n$(\".gallery-container\").width(max_width);\n$(\".gallery-slides\").width(view_width);\n\nvar drag_drift = 0;\nvar start_pos = 0;\nvar dx_direction = \"left\";\nvar min_left = -(view_width - max_width);\nvar frame_width = max_width;\n\n\n\/\/load active slide if any\n\nvar view_index = $(\".gallery-slide.active\").index();\n\nif (view_index > 0) {\n\n    var finish = -(view_index * frame_width);\n    var slides = $(\".gallery-slide\");\n\n    $(slides[view_index]).addClass(\"active\");\n    $(\".gallery-slides\").animate({\n        left: finish\n    }, 500);\n}\n\n$(\".gallery-slides\").draggable({\n    axis: 'x',\n    start: function(e, ui) {\n        drag_drift = 0;\n        start_pos = ui.position.left;\n    },\n    drag: function(e, ui) {\n        var diff = (ui.position.left - start_pos);\n        drag_drift = diff;\n        if (drag_drift > 0)\n            dx_direction = \"right\";\n        else\n            dx_direction = \"left\";\n        \/*if(ui.position.left <= min_left && dx_direction == \"left\")return false;\n         else if(ui.position.left >= 0 && dx_direction == \"right\")return false;*\/\n    },\n    stop: function(e, ui) {\n        if (Math.abs(drag_drift) > 20 && ui.position.left < 0 && ui.position.left > min_left) {\n            var finish = 0;\n            if (dx_direction == \"right\")\n                finish = ui.position.left + ((Math.abs(ui.position.left) % frame_width));\n            else\n                finish = ui.position.left - (frame_width - (Math.abs(ui.position.left) % frame_width));\n        } else {\n            if (ui.position.left <= min_left && dx_direction == \"left\")\n                finish = min_left;\n            else if (ui.position.left >= 0 && dx_direction == \"right\")\n                finish = 0;\n            else if (dx_direction == \"left\")\n                finish = ui.position.left + ((Math.abs(ui.position.left) % frame_width));\n            else\n                finish = ui.position.left - (frame_width - (Math.abs(ui.position.left) % frame_width));\n        }\n\n        var view_index = Math.abs(finish) \/ frame_width;\n        if (view_index < 0) {\n            view_index = 0;\n        }\n\n        var slides = $(\".gallery-slide\");\n        slides.removeClass(\"active\");\n        $(slides[view_index]).addClass(\"active\");\n        $(\".gallery-slides\").animate({\n            left: finish\n        }, 500);\n    }\n});"}