{"html":"<div class=\"gallery-outer col1\">\n    \n    <div class=\"gallery-arrow-left\"><<\/div>\n    <div class=\"gallery-container\">\n        <div class=\"gallery-slides\">\n            <div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"70\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/fc73b3a6-af5d-4d4a-8e21-7fde581646cb.png\" alt=\"fc73b3a6-af5d-4d4a-8e21-7fde581646cb\"\/>\n    <label><span>fc73b3a6-af5d-4d4a-8e21-7fde581646cb<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"69\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/efc83d0d-b865-4a2b-902c-0db81d477dbb.png\" alt=\"efc83d0d-b865-4a2b-902c-0db81d477dbb\"\/>\n    <label><span>efc83d0d-b865-4a2b-902c-0db81d477dbb<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"68\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/e672621a-f264-4111-b7b8-8c0b273eeb28.png\" alt=\"e672621a-f264-4111-b7b8-8c0b273eeb28\"\/>\n    <label><span>e672621a-f264-4111-b7b8-8c0b273eeb28<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"67\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/e93a92ef-f533-4a74-b1bf-0c64777dd956.png\" alt=\"e93a92ef-f533-4a74-b1bf-0c64777dd956\"\/>\n    <label><span>e93a92ef-f533-4a74-b1bf-0c64777dd956<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"66\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/d59396bd-f9bb-4531-bcbf-dbc37dd3eb2e.png\" alt=\"d59396bd-f9bb-4531-bcbf-dbc37dd3eb2e\"\/>\n    <label><span>d59396bd-f9bb-4531-bcbf-dbc37dd3eb2e<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"65\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/c03f44e7-3c07-437f-bb08-2b4d28ffa8e6.png\" alt=\"c03f44e7-3c07-437f-bb08-2b4d28ffa8e6\"\/>\n    <label><span>c03f44e7-3c07-437f-bb08-2b4d28ffa8e6<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"64\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/bbca8487-35d4-4a00-989d-1be8c12cef35.png\" alt=\"bbca8487-35d4-4a00-989d-1be8c12cef35\"\/>\n    <label><span>bbca8487-35d4-4a00-989d-1be8c12cef35<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"63\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/a6229fe8-fd91-45e5-9957-3b079e9e64f9.png\" alt=\"a6229fe8-fd91-45e5-9957-3b079e9e64f9\"\/>\n    <label><span>a6229fe8-fd91-45e5-9957-3b079e9e64f9<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"62\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/922d6672-3c3b-4e3a-b119-e79e594e00d8.png\" alt=\"922d6672-3c3b-4e3a-b119-e79e594e00d8\"\/>\n    <label><span>922d6672-3c3b-4e3a-b119-e79e594e00d8<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"61\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/58bd916f-b1c0-4afb-b569-f36b7c84b227.png\" alt=\"58bd916f-b1c0-4afb-b569-f36b7c84b227\"\/>\n    <label><span>58bd916f-b1c0-4afb-b569-f36b7c84b227<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"60\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/9ca6faf0-a9aa-46fc-93e4-7536deef4be5.png\" alt=\"9ca6faf0-a9aa-46fc-93e4-7536deef4be5\"\/>\n    <label><span>9ca6faf0-a9aa-46fc-93e4-7536deef4be5<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"59\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/9a18f60e-f391-4af2-bb34-02bf241739c9.png\" alt=\"9a18f60e-f391-4af2-bb34-02bf241739c9\"\/>\n    <label><span>9a18f60e-f391-4af2-bb34-02bf241739c9<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"58\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/8bfae071-edfa-4c41-a831-b735a01e3e4e.png\" alt=\"8bfae071-edfa-4c41-a831-b735a01e3e4e\"\/>\n    <label><span>8bfae071-edfa-4c41-a831-b735a01e3e4e<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"57\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/3c09be88-5857-488c-b82d-b1b39c29139a.png\" alt=\"3c09be88-5857-488c-b82d-b1b39c29139a\"\/>\n    <label><span>3c09be88-5857-488c-b82d-b1b39c29139a<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"56\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/2df9cd01-9be8-4ff8-8126-741c0f66afd9.png\" alt=\"2df9cd01-9be8-4ff8-8126-741c0f66afd9\"\/>\n    <label><span>2df9cd01-9be8-4ff8-8126-741c0f66afd9<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"47\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/file1-15.png\" alt=\"file1-15\"\/>\n    <label><span>file1-15<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"46\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/file-86.png\" alt=\"file-86\"\/>\n    <label><span>file-86<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"43\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/file3-2.png\" alt=\"file3-2\"\/>\n    <label><span>file3-2<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"38\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/file1-13.png\" alt=\"file1-13\"\/>\n    <label><span>file1-13<\/span><\/label>\n<\/div><div class=\"gallery-slide active\" style=\"width:1000px\" slide-id=\"37\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/file-84.png\" alt=\"file-84\"\/>\n    <label><span>file-84<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"35\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/shirts2.png\" alt=\"shirts2\"\/>\n    <label><span>shirts2<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"34\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/shirts.png\" alt=\"shirts\"\/>\n    <label><span>shirts<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"29\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/galleryg.png\" alt=\"galleryg\"\/>\n    <label><span>galleryg<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"28\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/galleryf.png\" alt=\"galleryf\"\/>\n    <label><span>galleryf<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"27\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallerye.png\" alt=\"gallerye\"\/>\n    <label><span>gallerye<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"26\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/galleryd.png\" alt=\"galleryd\"\/>\n    <label><span>galleryd<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"24\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallerynewa.png\" alt=\"gallerynewa\"\/>\n    <label><span>gallerynewa<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"33\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/rugby.png\" alt=\"rugby\"\/>\n    <label><span>rugby<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"32\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/girls.png\" alt=\"girls\"\/>\n    <label><span>girls<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"31\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallerynetball.png\" alt=\"gallerynetball\"\/>\n    <label><span>gallerynetball<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"30\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallery-football.png\" alt=\"gallery-football\"\/>\n    <label><span>gallery-football<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"22\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallery8.png\" alt=\"gallery8\"\/>\n    <label><span>gallery8<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"21\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallery7.png\" alt=\"gallery7\"\/>\n    <label><span>gallery7<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"20\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallery6.png\" alt=\"gallery6\"\/>\n    <label><span>gallery6<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"19\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallery5.png\" alt=\"gallery5\"\/>\n    <label><span>gallery5<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"18\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallery4.png\" alt=\"gallery4\"\/>\n    <label><span>gallery4<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"17\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallery3.png\" alt=\"gallery3\"\/>\n    <label><span>gallery3<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"16\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallery2.png\" alt=\"gallery2\"\/>\n    <label><span>gallery2<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"15\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/gallery1.png\" alt=\"gallery1\"\/>\n    <label><span>gallery1<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:1000px\" slide-id=\"36\" slide-size=\"1000x600\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/249\/\/84\/shrink-fill\/1000-x-600\/ackit.png\" alt=\"ackit\"\/>\n    <label><span>ackit<\/span><\/label>\n<\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"gallery-arrow-right\">><\/div>\n    <\/div>","type":"dialogue","class":"gallery","js":"\/\/this goes into directory_gallery via a demand dialogue.\n\nvar view_width = 0;\nvar max_width = 0;\nvar ddiv = arguments[0];\n\nvar load_count = 0;\nvar img_count = $(\".gallery-outer\", ddiv).find(\"img\").length;\n\n$(\".gallery-outer\", ddiv).find(\"img\").on(\"load\", function(){\n    load_count++;\n    if(load_count >= img_count){\n        \n        \/\/set up the gallery dimensions\n        $(\".gallery-slide\", ddiv).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\n        var slide_count = $(\".gallery-slide\", ddiv).length;\n        var view_width = slide_count * (max_width);\n        $(\".gallery-container\", ddiv).width(max_width);\n        $(\".gallery-slides\", ddiv).width(view_width);\n\n\n        $(\".gallery-outer\", ddiv).width($(\".gallery-container\").width() + $(\".gallery-arrow-left\").width() + $(\".gallery-arrow-right\").width());\n\n\n        \/\/set up the thumbnail dimensions\n\n        var container_width = $(\".gallery-outer\").width();\n        var max_thumb_width = 0;\n        var thumb_width = 0;\n\n        $(\".gallery-thumb\", ddiv).each(function(i, e) {\n            var thumb_width = $(e).outerWidth(true);\n            if (thumb_width > max_thumb_width) {\n                max_thumb_width = thumb_width;\n            }\n        });\n\n\n        var thumb_width = slide_count * (max_thumb_width);\n        $(\".thumb-container\", ddiv).width(container_width);\n        $(\".gallery-thumbs\", ddiv).width(thumb_width);\n\n        $(ddiv).dialog(\"option\", \"position\", {\n            my: \"center\", \n            at: \"center\", \n            of: window\n        });\n\n        \/\/end dimension setup\n\n        var drag_drift = 0;\n        var start_pos = 0;\n        var dx_direction = \"left\";\n        var min_left = -(view_width - max_width);\n        var frame_width = max_width;\n        var min_thumb_left = -(thumb_width - container_width);\n\n        \/\/load active slide if any\n\n        var change_view = function(index) {\n            if(!index){\n                index = 0;\n            }\n            view_index = index;\n            var finish = -(index * frame_width);\n    \n            var slides = $(\".gallery-slide\", ddiv);\n            slides.removeClass(\"active\");\n\n            $(slides[index]).addClass(\"active\");\n\n            var thumbs = $(\".gallery-thumb\", ddiv);\n            thumbs.removeClass(\"active\");\n            $(thumbs[index]).addClass(\"active\");\n    \n            $(\".gallery-slides\").stop(true);\n    \n            $(\".gallery-slides\", ddiv).animate({\n                left: finish\n            }, 500);\n        }\n\n        $(\".gallery-arrow-left\").on(\"click\", function(e) {\n            e.preventDefault();\n\n            dx_direction = \"right\";\n            drag_drift = 21;\n            var position = parseInt($(\".gallery-slides\", ddiv).css(\"left\"));\n            $(\".gallery-slides\", ddiv).css({\n                left: (position + 21) + \"px\"\n                });\n            var ui = {\n                position: {\n                    left: position + 21\n                }\n            };\n            stop(null, ui);\n        });\n\n        $(\".gallery-arrow-right\").on(\"click\", function(e) {\n            e.preventDefault();\n\n            dx_direction = \"left\";\n            drag_drift = 21;\n            var position = parseInt($(\".gallery-slides\", ddiv).css(\"left\"));\n            $(\".gallery-slides\", ddiv).css({\n                left: (position - 21) + \"px\"\n                });\n            var ui = {\n                position: {\n                    left: position - 21\n                }\n            };\n            stop(null, ui);\n        });\n\n        var start = function(e, ui) {\n            drag_drift = 0;\n            start_pos = ui.position.left;\n        }\n\n        var 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        }\n\n        var 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                }\n                else {\n                    finish = ui.position.left - (frame_width - (Math.abs(ui.position.left) % frame_width));\n                }\n            } else {\n                if (ui.position.left <= min_left && dx_direction == \"left\") {\n                    finish = min_left;\n                }\n                else if (ui.position.left >= 0 && dx_direction == \"right\") {\n                    finish = 0;\n                }\n                else if (dx_direction == \"left\") {\n                    finish = ui.position.left + ((Math.abs(ui.position.left) % frame_width));\n                }\n                else {\n                    finish = ui.position.left - (frame_width - (Math.abs(ui.position.left) % frame_width));\n                }\n            }\n\n            view_index = Math.abs(finish) \/ frame_width;\n            if (view_index < 0) {\n                view_index = 0;\n            }\n\n            var slides = $(\".gallery-slide\", ddiv);\n            slides.removeClass(\"active\");\n            $(slides[view_index]).addClass(\"active\");\n\n            center_thumbs();\n\n            $(\".gallery-slides\", ddiv).animate({\n                left: finish\n            }, 500);\n        }\n\n        $(\".gallery-slides\").draggable({\n            axis: 'x',\n            start: function(e, ui) {\n                start(e, ui);\n            },\n            drag: function(e, ui) {\n                drag(e, ui);\n            },\n            stop: function(e, ui) {\n                stop(e, ui);\n            }\n\n        });\n\n        \/\/gallery thumbs code\n        var thumb_drag_drift = 0;\n        var thumb_start_pos = 0;\n        var thumb_dragged = false;\n        var thumb_clicked = false;\n\n        $(\".gallery-thumbs\").draggable({\n            axis: 'x',\n            start: function(e, ui) {\n                thumb_start(e, ui);\n            },\n            drag: function(e, ui) {\n                thumb_drag(e, ui);\n            },\n            stop: function(e, ui) {\n                thumb_stop(e, ui);\n            }\n\n        });\n\n        var thumb_start = function(e, ui) {\n            thumb_drag_drift = 0;\n            thumb_start_pos = ui.position.left;\n            thumb_dragged = true;\n        }\n\n        var thumb_drag = function(e, ui) {\n            var diff = (ui.position.left - thumb_start_pos);\n            thumb_drag_drift = diff;\n            if (thumb_drag_drift > 0) {\n                dx_direction = \"right\";\n            }\n            else {\n                dx_direction = \"left\";\n            }\n        }\n\n        var thumb_stop = function(e, ui) {\n            var finish = 0;\n            if (Math.abs(thumb_drag_drift) > 20 && ui.position.left < 0 && ui.position.left > min_thumb_left) {\n                if (dx_direction == \"right\") {\n                    finish = ui.position.left + ((Math.abs(ui.position.left) % max_thumb_width));\n                }\n                else {\n                    finish = ui.position.left - (max_thumb_width - (Math.abs(ui.position.left) % max_thumb_width));\n                }\n            } else {\n\n                if (dx_direction == \"left\" && Math.abs(thumb_drag_drift) > 20) {\n                    if (ui.position.left <= min_thumb_left) {\n                        finish = min_thumb_left;\n                    }\n                }\n            }\n\n            $(\".gallery-thumbs\", ddiv).animate({\n                left: finish\n            }, 500);\n        }\n\n        $(\".gallery-thumb\", ddiv).on(\"click\", function(e) {\n            if (thumb_dragged && Math.abs(thumb_drag_drift) > 5) {\n                thumb_dragged = false;\n                e.preventDefault();\n                return;\n            }\n            change_view($(this).index());\n            center_thumbs();\n        });\n\n        var center_thumbs = function() {\n            var thumbs = $(\".gallery-thumb\", ddiv);\n            thumbs.removeClass(\"active\");\n            $(thumbs[view_index]).addClass(\"active\");\n\n            \/\/console.log($(thumbs[view_index]).position());\n\n            var center = container_width \/ 2;\n            var overleft = -(view_index * max_thumb_width - (center - (max_thumb_width \/ 2)));\n\n            if (overleft > 0) {\n                overleft = 0;\n            } else if (overleft < min_thumb_left) {\n                overleft = min_thumb_left;\n            }\n\n            $(\".gallery-thumbs\", ddiv).stop(true);\n\n            $(\".gallery-thumbs\", ddiv).animate({\n                left: overleft\n            }, 500);\n        }\n\n        var view_index = $(\".gallery-slide.active\", ddiv).index();\n\n        if (view_index > 0) {\n            change_view(view_index);\n        }\n    }\n});"}