{"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:800px\" slide-id=\"126\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PowerboatTraining-SBT2.png\" alt=\"RYA Powerboat Course From &pound;199 - Solent Boat Training\" width=\"800\" height=\"500\" \/>\n    <label><span>RYA Powerboat Course From &pound;199 - Solent Boat Training<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"127\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PowerboatTraining-SBT.png\" alt=\"RYA Powerboat Course From &pound;199 - Solent Boat Training\" width=\"800\" height=\"500\" \/>\n    <label><span>RYA Powerboat Course From &pound;199 - Solent Boat Training<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"128\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/IntrotoPowerboatingLevel1Course-SBT.png\" alt=\"RYA Powerboat Course From &pound;199 - Solent Boat Training\" width=\"800\" height=\"500\" \/>\n    <label><span>RYA Powerboat Course From &pound;199 - Solent Boat Training<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"270\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PowerboatsReadyToGo-SolemtBoatTraining.png\" alt=\"Powerboats Ready To Go - Solent Boat Training\" width=\"800\" height=\"500\" \/>\n    <label><span>Powerboats Ready To Go - Solent Boat Training<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"141\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/Manouvering-SBT.png\" alt=\"Manoeuvring - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Manoeuvring - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"148\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/NavigatingtheItchenRiver-SBT.png\" alt=\"Navigating the Itchen River - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Navigating the Itchen River - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"140\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/NavigaingtheItchenRiver-SBT.png\" alt=\"Navigating the Itchen River - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Navigating the Itchen River - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"264\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/NavigationAfloat-SolentBoatTraining.png\" alt=\"Navigation Afloat - Solent Boat Training\" width=\"800\" height=\"500\" \/>\n    <label><span>Navigation Afloat - Solent Boat Training<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"138\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/FollowingthePlan-SBT.png\" alt=\"Following the Plan - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Following the Plan - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"149\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/ManOverboardDrill-SBT.png\" alt=\"Man Overboard Drill - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Man Overboard Drill - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"125\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/HambleNavigation-SolentBoatTraining.png\" alt=\"Navigation - Solent Boat Training\" width=\"800\" height=\"500\" \/>\n    <label><span>Navigation - Solent Boat Training<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"265\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/EveningPassage-SBT-1.png\" alt=\"Evening Passage - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Evening Passage - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide active\" style=\"width:800px\" slide-id=\"143\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/OfftoHytheMarina-SBT.png\" alt=\"Off to Hythe Marina - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Off to Hythe Marina - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"266\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/HytheMarina-SolentBoatTraining.png\" alt=\"Hythe Marina - Solent Boat Training\" width=\"800\" height=\"500\" \/>\n    <label><span>Hythe Marina - Solent Boat Training<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"134\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/Aug199.png\" alt=\"A Lock Full of Ribs - Solent Boat Training\" width=\"800\" height=\"500\" \/>\n    <label><span>A Lock Full of Ribs - Solent Boat Training<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"289\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/LockDrills-SBT.png\" alt=\"Powerboat Lock Drills - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Powerboat Lock Drills - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"269\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/HytheMarina-SolentBoatTraining.png\" alt=\"Hythe Marina - Solent Boat Training\" width=\"800\" height=\"500\" \/>\n    <label><span>Hythe Marina - Solent Boat Training<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"135\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/EnjoyingtheSun-SBT.png\" alt=\"Enjoying the Sun - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Enjoying the Sun - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"144\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/ASunnyDayatSea-SBT.png\" alt=\"A Sunny Day at Sea - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>A Sunny Day at Sea - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"130\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/3dafe8ae-06df-41ba-9089-11c8e521fe1a.png\" alt=\"Enjoy The Ride - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Enjoy The Ride - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"131\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PBTraining-SBT.png\" alt=\"Wrapped Up - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Wrapped Up - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"137\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/TheWatersJustFine-SBT.png\" alt=\"The Water&#039;s Just Fine - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>The Water&#039;s Just Fine - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"268\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/OpenWaterManoeuvres-SBT.png\" alt=\"Open Water Manoeuvres - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Open Water Manoeuvres - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"145\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PlanningSpeed-SBT.png\" alt=\"Planning Speed - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Planning Speed - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"133\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/RunningthePlan-SBT.png\" alt=\"Running the Plan - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Running the Plan - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"139\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/AProfessionalintheMaking-SBT.png\" alt=\"A Professional in the Making - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>A Professional in the Making - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"132\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/SeetheSights-SBT.png\" alt=\"See the Sights - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>See the Sights - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"142\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/EventFireSolutions.png\" alt=\"Event Fire Solutions - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Event Fire Solutions - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"146\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/Power6jpg.png\" alt=\"Cleating Off - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Cleating Off - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"136\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/WashingtheFleet-SBT.png\" alt=\"Washing the Fleet - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>Washing the Fleet - SBT<\/span><\/label>\n<\/div><div class=\"gallery-slide\" style=\"width:800px\" slide-id=\"267\" slide-size=\"800x500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/RYAPowerboatLevel1CourseFrom129-SolentBoatTraining.png\" alt=\"RYA Powerboat Course - From &pound;199 - SBT\" width=\"800\" height=\"500\" \/>\n    <label><span>RYA Powerboat Course - From &pound;199 - SBT<\/span><\/label>\n<\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"gallery-arrow-right\">><\/div>\n    \n    <div class=\"thumb-container\">\n        <div class=\"gallery-thumbs\">\n            <div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"126\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PowerboatTraining-SBT2.png\" alt=\"RYA Powerboat Course From &pound;199 - Solent Boat Training\"\/>\n    <label>RYA Powerboat Course From &pound;199 - Solent Boat Training<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"127\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PowerboatTraining-SBT.png\" alt=\"RYA Powerboat Course From &pound;199 - Solent Boat Training\"\/>\n    <label>RYA Powerboat Course From &pound;199 - Solent Boat Training<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"128\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/IntrotoPowerboatingLevel1Course-SBT.png\" alt=\"RYA Powerboat Course From &pound;199 - Solent Boat Training\"\/>\n    <label>RYA Powerboat Course From &pound;199 - Solent Boat Training<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"270\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PowerboatsReadyToGo-SolemtBoatTraining.png\" alt=\"Powerboats Ready To Go - Solent Boat Training\"\/>\n    <label>Powerboats Ready To Go - Solent Boat Training<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"141\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/Manouvering-SBT.png\" alt=\"Manoeuvring - SBT\"\/>\n    <label>Manoeuvring - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"148\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/NavigatingtheItchenRiver-SBT.png\" alt=\"Navigating the Itchen River - SBT\"\/>\n    <label>Navigating the Itchen River - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"140\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/NavigaingtheItchenRiver-SBT.png\" alt=\"Navigating the Itchen River - SBT\"\/>\n    <label>Navigating the Itchen River - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"264\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/NavigationAfloat-SolentBoatTraining.png\" alt=\"Navigation Afloat - Solent Boat Training\"\/>\n    <label>Navigation Afloat - Solent Boat Training<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"138\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/FollowingthePlan-SBT.png\" alt=\"Following the Plan - SBT\"\/>\n    <label>Following the Plan - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"149\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/ManOverboardDrill-SBT.png\" alt=\"Man Overboard Drill - SBT\"\/>\n    <label>Man Overboard Drill - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"125\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/HambleNavigation-SolentBoatTraining.png\" alt=\"Navigation - Solent Boat Training\"\/>\n    <label>Navigation - Solent Boat Training<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"265\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/EveningPassage-SBT-1.png\" alt=\"Evening Passage - SBT\"\/>\n    <label>Evening Passage - SBT<\/label>\n<\/div><div class=\"gallery-thumb active\" style=\"width:800px\" slide-id=\"143\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/OfftoHytheMarina-SBT.png\" alt=\"Off to Hythe Marina - SBT\"\/>\n    <label>Off to Hythe Marina - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"266\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/HytheMarina-SolentBoatTraining.png\" alt=\"Hythe Marina - Solent Boat Training\"\/>\n    <label>Hythe Marina - Solent Boat Training<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"134\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/Aug199.png\" alt=\"A Lock Full of Ribs - Solent Boat Training\"\/>\n    <label>A Lock Full of Ribs - Solent Boat Training<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"289\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/LockDrills-SBT.png\" alt=\"Powerboat Lock Drills - SBT\"\/>\n    <label>Powerboat Lock Drills - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"269\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/HytheMarina-SolentBoatTraining.png\" alt=\"Hythe Marina - Solent Boat Training\"\/>\n    <label>Hythe Marina - Solent Boat Training<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"135\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/EnjoyingtheSun-SBT.png\" alt=\"Enjoying the Sun - SBT\"\/>\n    <label>Enjoying the Sun - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"144\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/ASunnyDayatSea-SBT.png\" alt=\"A Sunny Day at Sea - SBT\"\/>\n    <label>A Sunny Day at Sea - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"130\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/3dafe8ae-06df-41ba-9089-11c8e521fe1a.png\" alt=\"Enjoy The Ride - SBT\"\/>\n    <label>Enjoy The Ride - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"131\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PBTraining-SBT.png\" alt=\"Wrapped Up - SBT\"\/>\n    <label>Wrapped Up - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"137\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/TheWatersJustFine-SBT.png\" alt=\"The Water&#039;s Just Fine - SBT\"\/>\n    <label>The Water&#039;s Just Fine - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"268\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/OpenWaterManoeuvres-SBT.png\" alt=\"Open Water Manoeuvres - SBT\"\/>\n    <label>Open Water Manoeuvres - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"145\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/PlanningSpeed-SBT.png\" alt=\"Planning Speed - SBT\"\/>\n    <label>Planning Speed - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"133\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/RunningthePlan-SBT.png\" alt=\"Running the Plan - SBT\"\/>\n    <label>Running the Plan - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"139\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/AProfessionalintheMaking-SBT.png\" alt=\"A Professional in the Making - SBT\"\/>\n    <label>A Professional in the Making - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"132\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/SeetheSights-SBT.png\" alt=\"See the Sights - SBT\"\/>\n    <label>See the Sights - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"142\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/EventFireSolutions.png\" alt=\"Event Fire Solutions - SBT\"\/>\n    <label>Event Fire Solutions - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"146\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/Power6jpg.png\" alt=\"Cleating Off - SBT\"\/>\n    <label>Cleating Off - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"136\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/WashingtheFleet-SBT.png\" alt=\"Washing the Fleet - SBT\"\/>\n    <label>Washing the Fleet - SBT<\/label>\n<\/div><div class=\"gallery-thumb\" style=\"width:800px\" slide-id=\"267\" width=\"800\" height=\"500\">\n    <img src=\"\/userfiles\/image_cache\/modules\/gallery\/161\/shrink-fill\/800-x-500\/RYAPowerboatLevel1CourseFrom129-SolentBoatTraining.png\" alt=\"RYA Powerboat Course - From &pound;199 - SBT\"\/>\n    <label>RYA Powerboat Course - From &pound;199 - SBT<\/label>\n<\/div>\n        <\/div>\n    <\/div>\n    <\/div>","type":"dialogue","class":"gallery","js":"var 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        \n        ddiv.dialog(\"option\", \"width\", container_width);\n        \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});"}