<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1" />
<meta name="handheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="keywords" content="Photos,Gallery" />
<meta name="title" content="Photos Gallery" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="1759264-5039966-7208533-5041098" />
<meta name="article-keywords" content="2902-8495-2170-2898-20962" />
<meta name="scope-aid" content="1759264" />
<meta name="scope-aid" content="5039966" />
<meta name="scope-aid" content="7208533" />
<meta name="scope-aid" content="5041098" />
<meta name="article-keyword" content="2902" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.cgisudbury.com/templates/photogallery_cdo/aid/5041098/jewish/Photos-Gallery.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Photos Gallery" /><link rel="canonical" href="https://www.cgisudbury.com/templates/photogallery_cdo/aid/5041098/jewish/Photos-Gallery.htm" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=72A49647" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/photogallery.css?v=AA129DC0" id="kphotogallery" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
	<meta property="fb:app_id" content="" />
	<meta property="og:type" content="article" />
	<meta property="og:image" content="" />
	<meta property="og:title" content="" />
	<meta property="og:description" content="" />
	<meta property="og:site_name" content="Camp Gan Israel Sudbury" />

 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2021-02-12","primaryArticleId":5041098,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"CGI Sudbury","contentLevel3":"Photos Gallery","siteName":"Camp Gan Israel Sudbury"},"time":{"upcomingHoliday":"Yom Kippur","daysToUpcomingHoliday":4,"hebrewDate":"5787-07-06"}});
		dataLayer.push({ 'articleHierarchy': '-1759264-5039966-7208533-5041098-', 'keywords': '-k20962-k2898-k2170-k8495-k2902-', 'k': '-1759264-5039966-7208533-5041098--k20962-k2898-k2170-k8495-k2902-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 7628560;var sc_partition = 87;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "1b00cfe6";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c88.statcounter.com/counter.php?sc_project=7628560&amp;java=0&amp;security=1b00cfe6&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="91WlkyDEkZ4XgsTJIPHm46rl-1wS59V7TShL5JuX00Q" />
<style>
.registration__action {right:0;}
</style>

<script>
  // --- 1. FORCE MOBILE VIEWPORT (Aggressive CMS Override) ---
  (function() {
      function setMobileViewport() {
          // 1. Enforce Meta Tag
          var viewport = document.querySelector('meta[name="viewport"]');
          if (!viewport) {
              viewport = document.createElement('meta');
              viewport.name = "viewport";
              document.getElementsByTagName('head')[0].appendChild(viewport);
          }
          // Force standard mobile settings
          viewport.setAttribute('content', 'width=device-width, initial-scale=1.0');

          // 2. Enforce CSS resets on Body/HTML to allow shrinking
          // Many CMS themes force min-width: 980px, which breaks mobile view.
          if (document.body) {
              document.body.style.minWidth = "0";
              document.body.style.width = "100%";
          }
          if (document.documentElement) {
              document.documentElement.style.minWidth = "0";
              document.documentElement.style.width = "100%";
          }
      }

      // Run immediately
      setMobileViewport();

      // Run again on DOMContentLoaded
      document.addEventListener("DOMContentLoaded", setMobileViewport);

      // Run continuously for a short period to override any CMS JS that runs late
      var checkCount = 0;
      var interval = setInterval(function() {
          setMobileViewport();
          checkCount++;
          if (checkCount > 20) clearInterval(interval); // Stop after 2 seconds
      }, 100);
  })();

  // --- 2. Main Logic ---
  document.addEventListener("DOMContentLoaded", function() {
    
    // Menu & CMS Logic
    const menuToggle = document.getElementById('mobile-menu-toggle');
    const navLinks = document.getElementById('navbar-links');
    const menuOverlay = document.getElementById('menu-overlay');
    const menuClose = document.getElementById('menu-close');

    if (menuToggle && navLinks && menuOverlay && menuClose) {
      // Open menu
      menuToggle.addEventListener('click', function() {
        navLinks.classList.add('show');
        menuOverlay.classList.add('show');
      });

      // Close menu with close button
      menuClose.addEventListener('click', function() {
        navLinks.classList.remove('show');
        menuOverlay.classList.remove('show');
      });

      // Close menu by clicking overlay
      menuOverlay.addEventListener('click', function() {
        navLinks.classList.remove('show');
        menuOverlay.classList.remove('show');
      });
    }

    // Remove "|" separators from CMS generated menu
    var navItems = document.querySelectorAll('.chabad_navigator_bar li, #menu li');
    navItems.forEach(function(item) {
        item.childNodes.forEach(function(node) {
            // Check for text nodes (nodeType 3) containing the pipe
            if (node.nodeType === 3 && node.nodeValue && node.nodeValue.indexOf('|') > -1) {
                node.nodeValue = node.nodeValue.replace(/\|/g, '');
            }
        });
    });

    // --- INTERSECTION OBSERVER LOGIC ---
    if ('IntersectionObserver' in window) {
        // Select the specific main sections you want to animate
        const sections = document.querySelectorAll('.CGI-Sudbury-Hero, .CGI-Sudbury-Split-Nav-Section, .CGI-Sudbury-Highlights-Section, .CGI-Sudbury-Gallery-Section');

        const observerOptions = {
            root: null, // viewport
            rootMargin: '0px',
            threshold: 0.15 // trigger when 15% visible
        };

        const observer = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('cgi-fade-in-up');
                    observer.unobserve(entry.target); // Only animate once
                }
            });
        }, observerOptions);

        sections.forEach(section => {
            // Add the initial hidden state ONLY via JS here
            section.classList.add('cgi-fade-initial');
            // Start watching
            observer.observe(section);
        });
    }

  });
</script><title>
	Photos Gallery
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style type="text/css">

    /* --- Font Imports --- */
    @import url('https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400;900&family=Otomanopee+One&display=swap');
.master-content-wrapper {
    display: none;
}

.g960,#BodyContainer, body.clmc&#x003E;#footer .footer_container, body&#x003E;#header&#x003E;.wrapper body&#x003E;#content&#x003E;.wrapper, body&#x003E;div&#x003E;div&#x003E;#content&#x003E;.wrapper, body&#x003E;div&#x003E;div&#x003E;#footer&#x003E;.wrapper, body&#x003E;div&#x003E;div&#x003E;#header&#x003E;.wrapper{ width: 100% !important;} 

.form-all {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.cco_templateless_template, .cco_templateless_template a {
    color: #fff;
    font-family: 'Londrina Solid' !important;
    background-color: #327fba !important;
}

#co_content_container &#x003E; div.clearfix &#x003E; p{ display:none !important;}
    /* --- CMS Override Classes --- */
    div#chabad_body_content {
        width: 100% !important;
        background-image:url(https://chabadsudbury.com/media/images/1352/hcYM13527722.png) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-attachment: fixed !important; 
        
    }
    div#chabad_main_content {
        width: 100% !important;
        margin: 0 !important;
    }
    div.chabad_left_colum, div.chabad_left_column {
        width: 100% !important;
        margin: 0 !important;
    } /* Fixed missing bracket */

    /* --- Navigation Overrides --- */
    .chabad_navigator_bar {
        display: flex;
        justify-content: flex-end !important;
    }
    div#chabad_head .chabad_navigator_bar {
        width: 90% !important;
    }
    .chabad_navigator_bar ul li a {
        font-family: 'Londrina Solid', sans-serif !important;
    }

    /* --- Base Reset --- */
    body {
        margin: 0;
        padding: 0;
        font-family: sans-serif;
        background-color: #f7efd7;
    }
    img {
        display: block;
        max-width: 100%;
        border: 0;
    }
    a {
        text-decoration: none !important;
        color: inherit;
        cursor: pointer;
    }
    
    /* Ensure CMS wrappers don't break layout */
    #chabad_body_page, #chabad_main_content, #chabad_body_content {
        width: 100%;
    }

    /* --- Layout Container --- */
    .CGI-Sudbury-Root {
        min-height: 100vh;
        width: 100%;
        position: relative;
        overflow-x: hidden;
        background: #f7efd7;
        max-width: 100%;
        padding: 0 5%;
        margin: 0;
    }

    /* --- Header & Navigation --- */
    .CGI-Sudbury-Header {
        position: relative;
        z-index: 1000;
        padding: 20px 40px;
        background: #f7efd7;
        max-width: 100%;
        margin: 0 auto;
    }

    /* Wrapper for Nav Items */
    .CGI-Sudbury-Nav-Wrapper {
        width: 100%;
    }

    /* CMS Navigation Bar Styling */
    .chabad_navigator_bar ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 30px;
        align-items: center;
        flex-wrap: wrap;
    }

    .chabad_navigator_bar li {
        display: inline-block;
    }

    .chabad_navigator_bar li a {
        font-size: 24px;
        color: rgb(17, 129, 189);
        transition: color 0.2s;
        text-decoration: none;
    }

    .chabad_navigator_bar li a:hover {
        color: rgb(240, 101, 50);
    }

    /* Hamburger Menu */
    .CGI-Sudbury-Hamburger {
        display: none;
        cursor: pointer;
        z-index: 2000;
        width: 40px;
    }

    /* Overlay Styles */
    .gan-chabad-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,0.5);
        z-index: 5000;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0s 0.3s linear;
    }
    .gan-chabad-menu-overlay.show {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s ease;
        z-index: 100;
    }

    /* Close Button Styles */
    .gan-chabad-menu-close {
        display: none;
        position: absolute;
        top: 20px;
        left: 20px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 5px;
        z-index: 5002;
        color: rgb(17, 129, 189);
        font-family: 'Londrina Solid', sans-serif;
        font-size: 2rem;
    }

    /* --- Hero Section --- */
    .CGI-Sudbury-Hero {
        position: relative;
        width: 100%;
        line-height: 0; 
        overflow: hidden;
        border-radius: 20px; 
        max-width: 1400px;
        margin: 0 auto;
    }

    .CGI-Sudbury-Hero img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Hero Dates */
    .CGI-Sudbury-Hero-Dates {
        position: relative;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 20px 0;
        box-sizing: border-box;
        text-align: right; 
        line-height: normal; 
        background: #f7efd7;
        cursor: pointer;
    }

    .CGI-Sudbury-Hero-Dates h2 {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 40px;
        font-weight: 100; 
        color: rgb(17, 129, 189);
        margin: 0;
        line-height: 1;
        text-transform: uppercase;
        transition: font-weight 0.2s ease;
    }
    
    .CGI-Sudbury-Hero-Dates:hover h2 {
        font-weight: 400;
    }

    .CGI-Sudbury-Hero-Dates h3 {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 48px;
        font-weight: 100;
        color: rgb(240, 101, 50);
        margin: 5px 0 0 0;
        line-height: 1;
        text-transform: uppercase;
        transition: font-weight 0.2s ease;
    }

    .CGI-Sudbury-Hero-Dates:hover h3 {
        font-weight: 400;
    }

    /* --- Split Navigation Section --- */
    .CGI-Sudbury-Split-Nav-Section {
        padding: 0 0 60px 0;
        background: #f7efd7;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        gap: 60px;
        align-items: center;
        max-width: 1400px;
        margin: 0 auto;
    }

    .CGI-Sudbury-Nav-Links-Column {
        display: flex;
        flex-direction: column;
        gap: 10vh;
        width: 100%;
    }

    .CGI-Sudbury-Nav-Item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 15px 20px; 
        box-sizing: border-box; 
        border-bottom: 5px solid rgb(17, 129, 189);
        cursor: pointer;
        transition: all 0.3s ease;
        border-radius: 10px; 
    }
    
    .CGI-Sudbury-Nav-Item.highlight {
        border-bottom-color: rgb(255, 115, 62);
    }

    .CGI-Sudbury-Nav-Item:hover {
        background-color: rgb(17, 129, 189); 
    }

    .CGI-Sudbury-Nav-Item.highlight:hover {
        background-color: rgb(255, 115, 62); 
    }

    .CGI-Sudbury-Nav-Item:hover .CGI-Sudbury-Nav-Text h2 {
        color: #ffffff !important;
    }

    .CGI-Sudbury-Nav-Text {
        transition: transform 0.3s ease;
    }

    .CGI-Sudbury-Nav-Item:hover .CGI-Sudbury-Nav-Text {
        transform: translateX(15px);
    }

    .CGI-Sudbury-Icon-Arrow {
        width: 50px;
        height: 50px;
        flex-shrink: 0;
        margin-left: 20px;
        transition: transform 0.3s, filter 0.3s;
        object-fit: contain;
    }
    
    .CGI-Sudbury-Nav-Item:hover .CGI-Sudbury-Icon-Arrow {
        filter: brightness(0) invert(1); 
        transform: translateX(-15px);
    }

    .CGI-Sudbury-Nav-Text h2 {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 60px;
        color: rgb(17, 129, 189);
        margin: 0;
        text-transform: capitalize;
        line-height: 1;
        white-space: nowrap;
        transition: color 0.3s;
    }

    .CGI-Sudbury-Nav-Item.highlight .CGI-Sudbury-Nav-Text h2 {
        color: rgb(255, 115, 62);
    }

    .CGI-Sudbury-Right-Image-Container {
        width: 100%;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 10px 10px 0px rgba(17, 129, 189, 0.1); 
        transition: transform 0.3s;
        position: relative;
    }
    
    .CGI-Sudbury-Right-Image-Container:hover {
        transform: scale(1.02);
    }

    .CGI-Sudbury-Right-Image-Container img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    .CGI-Sudbury-Right-Image-Container .img-main {
        opacity: 1;
        transition: opacity 0.4s ease;
    }
    .CGI-Sudbury-Right-Image-Container .img-hover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.8s ease;
    }

    .CGI-Sudbury-Right-Image-Container:hover .img-hover {
        opacity: 1;
    }

    /* --- Highlights "Puzzle" Row --- */
    .CGI-Sudbury-Highlights-Section {
        padding: 40px 0 80px 0;
        background: #f7efd7;
        width: 100%;
        overflow: hidden; 
    }

    .CGI-Sudbury-Highlights-Row {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        flex-wrap: nowrap; 
    }

    .CGI-Sudbury-Highlight-Item {
        position: relative;
        flex: 0 1 auto;
        width: 33%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s, z-index 0.2s, filter 0.3s;
        cursor: pointer;
    }
    
    .CGI-Sudbury-Highlight-Item:hover {
        z-index: 20 !important;
        filter: brightness(0.9);
    }

    .CGI-Sudbury-Highlight-Item:nth-child(1) {
        z-index: 1;
        margin-right: -188px; 
    }

    .CGI-Sudbury-Highlight-Item:nth-child(2) {
        z-index: 10; 
        margin-right: 35px;
        margin-left: 175px;
        transform: scale(1.05); 
    }
    
    .CGI-Sudbury-Highlight-Item:nth-child(2):hover {
        transform: scale(1.05); 
    }

    .CGI-Sudbury-Highlight-Item:nth-child(3) {
        z-index: 1;
        margin-left: -70px;
        margin-right: -42px;
    }

    .CGI-Sudbury-Bubble-Box {
        position: relative;
        width: 550px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 550px; 
        box-sizing: border-box;
    }

    .CGI-Sudbury-Bubble-Blue {
        background-image:url(https://chabadsudbury.com/media/images/1352/IFRV13524346.png);
    }

    .CGI-Sudbury-Bubble-Orange {
        background-image:url(https://chabadsudbury.com/media/images/1352/oHLT13524350.png);
        height: 525px;
    }

    .CGI-Sudbury-Bubble-Box p {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 2vw; 
        line-height: 1.1;
        margin: 0;
        text-align: center;
        color: #fff;
        width: 80%;
        padding: 5% 20%;
    }
    
    .CGI-Sudbury-Quote-Author {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 1.8vw;
        font-weight: 300;
        display: block;
        margin-top: 10px;
        color: #fff; 
    }

    .CGI-Sudbury-Highlight-Image {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .CGI-Sudbury-Highlight-Image img {
        width: 550px;
        height: 550px;
        object-fit: contain;
    }

    /* --- Gallery Section --- */
    .CGI-Sudbury-Gallery-Section {
        padding: 50px 5%;
        background: #f7efd7;
        max-width: 1400px;
        margin: 0 auto;
    }

    .CGI-Sudbury-Gallery-Grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr); 
        gap: 20px;
        align-items: stretch;
    }

    /* Widget Container Styling */
    .CGI-Sudbury-Widget-Container {
        grid-column: 2 / -1; /* Spans 3 columns next to title */
        width: 100%;
        min-height: 400px;
    }

    /* Style the CMS widget internals to match the grid */
    .widget-4 .widget_content ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3 remaining columns */
        gap: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .widget-4 .widget_content li {
        aspect-ratio: 1;
        list-style: none;
    }
    .widget-4 .widget_content li a, 
    .widget-4 .widget_content li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 10px;
    }
    .widget-4 .widget_header {
        display: none; /* Hide CMS default title */
    }

    /* --- SPECIFIC CMS WIDGET FIXES (#co_photo_gallery) --- */
    #co_photo_gallery {
        width: 100% !important;
    }
    
    /* Hide the built-in header and footer (view more) */
    #co_photo_gallery .co_photo_gallery_head,
    #co_photo_gallery .co_photo_gallery_footer {
        display: none !important;
    }
    
    /* Force the body content into a grid */
    #co_photo_gallery .co_photo_gallery {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; /* 3 cols to fill the space */
        gap: 20px !important;
    }
    
    /* Style the links/images inside */
    #co_photo_gallery .co_photo_gallery a {
        display: block;
        aspect-ratio: 1;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 10px;
    }
    
    #co_photo_gallery .co_photo_gallery a img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block;
    }

    /* Hide CMS generated Read More link (legacy) */
    .readMore {
        display: none !important;
    }

    .CGI-Sudbury-Gallery-Title-Square {
        display: flex;
        flex-direction: column;
        justify-content: center; 
        align-items: flex-start;
        padding: 10px;
    }

    .CGI-Sudbury-Gallery-Title-Square h2 {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 70px;
        color: rgb(17, 129, 189);
        margin: 0;
        line-height: 0.9;
    }

    .CGI-Sudbury-Gallery-Line {
        width: 100%;
        height: 8px;
        background: rgb(17, 129, 189); 
        margin-top: 15px;
        border-radius: 4px;
    }
    
    .CGI-Sudbury-Gallery-Grid img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }
    
    .CGI-Sudbury-Gallery-Grid img:hover {
        transform: scale(1.1);
    }

    .CGI-Sudbury-Gallery-Button {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FF733E; 
        padding: 12px 30px;
        border-radius: 50px;
        width: fit-content;
        margin: 40px auto; 
        cursor: pointer;
        transition: transform 0.2s, background-color 0.2s;
    }
    
    .CGI-Sudbury-Gallery-Button:hover {
        transform: scale(1.05);
        background-color: #ff8559; 
    }

    .CGI-Sudbury-Gallery-Button span {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 30px;
        color: #fff;
        margin-right: 15px;
    }

    .CGI-Sudbury-Gallery-Arrow-Img {
        width: 25px;
        height: auto;
        display: block;
    }

    /* --- MOBILE STYLES & SIDE PANEL --- */
    @media (max-width: 900px) {

.CGI-Sudbury-Hero img{ content: Url(https://chabadsudbury.com/media/images/1352/mPIT13527626.png) !important;}
        .CGI-Sudbury-Split-Nav-Section {
            grid-template-columns: 1fr;
            gap: 40px;
            padding-top: 20px;
        }
        .CGI-Sudbury-Nav-Text h2 {
            font-size: 40px; 
        }
        
        .CGI-Sudbury-Gallery-Grid {
            grid-template-columns: repeat(2, 1fr);
        }
        
        /* Mobile Widget Stack */
        .CGI-Sudbury-Widget-Container {
            grid-column: 1 / -1; 
        }
        .widget-4 .widget_content ul {
            grid-template-columns: repeat(2, 1fr);
        }
        
        /* Specific Mobile Fixes for #co_photo_gallery */
        #co_photo_gallery .co_photo_gallery {
            grid-template-columns: repeat(2, 1fr) !important;
        }
    }

    @media (max-width: 768px) {
        .CGI-Sudbury-Root {
            padding: 0;
        }

        .CGI-Sudbury-Hero-Dates {
            text-align: center; 
            padding: 30px 20px;
        }

        /* Nav Hidden, Side Panel Logic */
        .CGI-Sudbury-Hamburger {
            display: block;
            /* UPDATED: relative placement to push hero down */
            position: relative;
            top: 0;
            right: 0;
        }

        /* Default hidden/desktop style override */
        .CGI-Sudbury-Header {
            padding: 20px 20px 40px 20px; /* Added bottom padding to separate from hero */
            display: flex;
            justify-content: flex-end; /* Push hamburger right */
        }

        /* Repurpose nav wrapper as side panel */
        .CGI-Sudbury-Nav-Wrapper {
            position: fixed;
            top: 0;
            right: -100%; /* Hidden by default */
            width: 80%;
            max-width: 300px;
            height: 100vh;
            background: #f7efd7;
            box-shadow: -5px 0 15px rgba(0,0,0,0.2);
            z-index: 5001; /* UPDATED: Higher than overlay */
            transition: right 0.3s ease;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding-top: 80px; /* Space for close button */
        }
        
        /* Class added via JS to open menu */
        .CGI-Sudbury-Nav-Wrapper.show {
            right: 0;
        }

        /* Show close button */
        .gan-chabad-menu-close {
            display: block !important;
        }

        /* Style the CMS Menu inside the side panel */
        .chabad_navigator_bar {
            width: 100%;
            display: block; /* override flex */
        }

        /* Force CMS items to show properly */
        .chabad_navigator_bar ul {
            display: flex !important;
            flex-direction: column !important;
            gap: 20px !important;
            width: 100% !important;
            align-items: flex-start !important;
            padding-left: 20px !important;
            opacity: 1 !important;
            visibility: visible !important;
            height: auto !important;
        }

        .chabad_navigator_bar li {
            display: block !important;
            width: 100%;
            text-align: left;
        }

        /* Hide the CMS Default Mobile Toggle if present */
        .chabad_navigator_bar li.heading, 
        .chabad_navigator_bar li.mobile_menu_title {
            display: none !important;
        }
        
        .chabad_navigator_bar li a {
            font-size: 30px;
            display: block;
            padding: 10px 0;
        }

        /* Highlights Mobile */
        .CGI-Sudbury-Highlights-Section{
             min-height: 1030px;
        }
            
        .CGI-Sudbury-Highlights-Row {
            flex-wrap: wrap;
            flex-direction: column;
            gap: 0px;
        }

        .CGI-Sudbury-Highlight-Item {
            width: 100%;
            margin: 0 !important;
            transform: none !important;
            margin-bottom: -70px !important;
        }

        .CGI-Sudbury-Bubble-Box {
            width: 100%;
        }

        /* Mobile Backgrounds & Sizes */
        .CGI-Sudbury-Bubble-Blue {
            background-image:url(https://chabadsudbury.com/media/images/1353/bUHU13530122.png);
            height: 335px;
        }

        .CGI-Sudbury-Bubble-Orange {
            background-image:url(https://chabadsudbury.com/media/images/1353/ExbM13530123.png);
            height: 415px;
            margin-bottom: 10px;
        }
        
        /* Mobile Highlight Image Swap & Size */
        .CGI-Sudbury-Highlight-Image img {
            width: 100%;
            height: 405px;
            object-fit: contain;
            /* CSS Content Swap for Mobile as requested */
            content: url('https://chabadsudbury.com/media/images/1352/mibM13527700.png');
        }

        .CGI-Sudbury-Bubble-Box p {
            font-size: 24px;
        }
        .CGI-Sudbury-Quote-Author {
            font-size: 20px;
            margin-right: 15vw;
        }
    }

    @media (max-width: 500px) {
        .CGI-Sudbury-Gallery-Grid {
            grid-template-columns: 1fr; 
        }
        /* Mobile widget full width */
        .CGI-Sudbury-Widget-Container {
            grid-column: 1 / -1; 
        }
        /* Widget internal grid on mobile */
        .widget-4 .widget_content ul {
            grid-template-columns: 1fr;
        }
        /* Specific Mobile Fixes for #co_photo_gallery */
        #co_photo_gallery .co_photo_gallery {
            grid-template-columns: 1fr !important;
        }
        .CGI-Sudbury-Gallery-Title-Square h2 {
            font-size: 60px;
        }
       
        .CGI-Sudbury-Nav-Links-Column{ gap: 20px !important;}
    }

    /* --- ADDED: INTERSECTION OBSERVER ANIMATIONS --- */
    /* Note: We do NOT hide elements by default in CSS. 
       These classes are added by JS only when the site loads.
       This ensures content remains visible in the editor.
    */
    .cgi-fade-initial {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        will-change: opacity, transform;
    }

    .cgi-fade-in-up {
        opacity: 1;
        transform: translateY(0);
    }

</style>

<p>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    

</p>
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">

<div class="CGI-Sudbury-Header">
<img src="https://chabadsudbury.com/media/images/1352/oGUk13527701.png" class="CGI-Sudbury-Hamburger" id="mobile-menu-toggle" alt="Menu" />
<div class="CGI-Sudbury-Nav-Wrapper" id="navbar-links">
<button class="gan-chabad-menu-close" id="menu-close">X</button>                      
<nav>                          

<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=7208533" class="parent">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7208569" class="parent">About</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7208565" class="parent">Schedule</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5777462" class="parent">Online Registration 2026</a>
|
</li>
<li class="item parent selected">
<a href="/article.asp?aid=5041098" class="parent selected">Photos Gallery</a>
</li>

</ul>
</div>
</div>

                      </nav></div>
</div>
</div>

<div id="chabad_body_content"><div detached="true" type="static" id="ContentArea" name="content_area" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "/templates/section_cdo/aid/7208533/jewish/CGI-Sudbury.htm",
      "name": "CGI Sudbury"
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/article.asp?aid=5041098",
      "name": "Photos Gallery"
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/section_cdo/aid/7208533/jewish/CGI-Sudbury.htm' data-aid="7208533">
				CGI Sudbury
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">Photos Gallery</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="fb-root"></div>
	<script>	(function (d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) return;
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<div id="lightbox-wrapper" class="hidden">
		<div id="lightbox">
			<div id="details-panel"><span id="album-name" class="large_left_margin">Photos Gallery</span>
				<a id="close" href="#"><span>X</span></a>
			</div>
			<div id="left-panel">
				<div id="img-panel">
					<div id="lightbox-img-one-section" class="img-section">
						<img id="lightbox-img-one" class="img" src="" />
						<div id="lightbox-caption-one-wrapper" class="caption-wrapper"><div id="lightbox-caption-one" class="caption"></div></div>
					</div>
					<div id="lightbox-img-two-section" class="img-section">
						<img id="lightbox-img-two" class="img" src="" />
						<div id="lightbox-caption-two-wrapper" class="caption-wrapper"><div id="lightbox-caption-two" class="caption"></div></div>
					</div>
					<div id="lightbox-beginning-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've reached the beginning of Photos Gallery</p>
							<p id="beginning-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="lightbox-end-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've finished Photos Gallery</p>
							<p id="end-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="loading-indicator"></div>
					<div id="controls">
						<a id="previous" href="#">Previous</a>
						<a id="next" href="#">Next</a>
					</div>
					<div id="social-panel">
						<div class="social_subpanel float_left">
							<div id="count" class="float_right large_right_margin"></div>
						</div>
						<div class="social_subpanel float_right">
							<div id="social-buttons" class="float_left small_left_margin">
								<div id="like-button"></div>
							</div>
						</div>
					</div>
				</div>
				<div id="thumbnails-wrapper">
					<a id="left" href="#">Left</a>
					<a id="right" href="#">Right</a>
					<div id="thumbnails-panel">
						<!-- Thumbnails | Example:

								<div class="thumbnail photo" id="thumbnail0" data-img="0">
									<a href="#">
										<img src="photos/Tulips.jpg" width="220"/>
									</a>
								</div>

								-->
						
					</div>
				</div>
			</div>
			<div id="comments"></div>
		</div>
	</div>
	<div id="cco_body" class="">
		<div id="photos" class="clearfix">
			<!-- Photos | Example:
			
			<div class="photo" id="icon0" data-img="0">
				<a href="#">
					<img src="photos/Tulips.jpg" width="220"/>
				</a>
			</div>

			-->
			
		</div>
		

<div class="content-footer">
	
	
	
	
	
	
</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER -->

</div>
</div>
</div>

<div class="gan-chabad-menu-overlay" id="menu-overlay"></div><!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.cgisudbury.com%2ftemplates%2fphotogallery_cdo%2faid%2f5041098%2fjewish%2fPhotos-Gallery.htm%23utm_medium%3dpage_tools%26utm_content%3dresponsive%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Photos+Gallery&amp;url=https%3a%2f%2fwww.cgisudbury.com%2ftemplates%2fphotogallery_cdo%2faid%2f5041098%2fjewish%2fPhotos-Gallery.htm%23utm_medium%3dpage_tools%26utm_content%3dresponsive%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Photos+Gallery https%3a%2f%2fwww.cgisudbury.com%2ftemplates%2fphotogallery_cdo%2faid%2f5041098%2fjewish%2fPhotos-Gallery.htm%23utm_medium%3dpage_tools%26utm_content%3dresponsive%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.cgisudbury.com%2ftemplates%2fphotogallery_cdo%2faid%2f5041098%2fjewish%2fPhotos-Gallery.htm%23utm_medium%3dpage_tools%26utm_content%3dresponsive%26utm_source%3dpinterest&amp;description=Photos+Gallery">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Camp Gan Israel Sudbury</span>
		<div class="footer-address">
			<span class="footer-street">100 Horse Pond Road </span>
			<span class="footer-city-state">Sudbury, MA 01776</span>
		</div>
			<span>978-443-0110</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CC07618E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=5457FBE7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/photogallery.js?v=42FF58D0"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
	
	
	
	<script type="text/javascript" language="javascript">
		var photoArray = [];
		var photoMap = {};

		
				photoArray.push({Index: photoArray.length, Id: '11502525', Icon: 'https://w2.chabad.org/media/images/1150/khfR11502525.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/Nzsd11502524.jpg', Caption: ''});
				photoMap['11502525'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502528', Icon: 'https://w2.chabad.org/media/images/1150/Mvtl11502528.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/SEPR11502527.jpg', Caption: ''});
				photoMap['11502528'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502530', Icon: 'https://w2.chabad.org/media/images/1150/CCJt11502530.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/XdrK11502529.jpg', Caption: ''});
				photoMap['11502530'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502532', Icon: 'https://w2.chabad.org/media/images/1150/Dwtv11502532.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/MpfR11502531.jpg', Caption: ''});
				photoMap['11502532'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502534', Icon: 'https://w2.chabad.org/media/images/1150/BUOY11502534.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/GoWg11502533.jpg', Caption: ''});
				photoMap['11502534'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502536', Icon: 'https://w2.chabad.org/media/images/1150/ngYu11502536.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/oeGw11502535.jpg', Caption: ''});
				photoMap['11502536'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502538', Icon: 'https://w2.chabad.org/media/images/1150/Mrbm11502538.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/Kokr11502537.jpg', Caption: ''});
				photoMap['11502538'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502540', Icon: 'https://w2.chabad.org/media/images/1150/Cwoc11502540.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/PHFP11502539.jpg', Caption: ''});
				photoMap['11502540'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502542', Icon: 'https://w2.chabad.org/media/images/1150/Tswf11502542.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/SmuT11502541.jpg', Caption: ''});
				photoMap['11502542'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502544', Icon: 'https://w2.chabad.org/media/images/1150/WHEf11502544.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/TDoW11502543.jpg', Caption: ''});
				photoMap['11502544'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502550', Icon: 'https://w2.chabad.org/media/images/1150/NXte11502550.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/TFeD11502549.jpg', Caption: ''});
				photoMap['11502550'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502552', Icon: 'https://w2.chabad.org/media/images/1150/FNzB11502552.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/BSVi11502551.jpg', Caption: ''});
				photoMap['11502552'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502554', Icon: 'https://w2.chabad.org/media/images/1150/HFmO11502554.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/oEYf11502553.jpg', Caption: ''});
				photoMap['11502554'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11502557', Icon: 'https://w2.chabad.org/media/images/1150/fksZ11502557.jpg', LargeImage: 'https://w2.chabad.org/media/images/1150/UBuW11502555.jpg', Caption: ''});
				photoMap['11502557'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531156', Icon: 'https://w2.chabad.org/media/images/1353/HkIm13531156.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/ZcPD13531155.jpg', Caption: ''});
				photoMap['13531156'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531160', Icon: 'https://w2.chabad.org/media/images/1353/hAvv13531160.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/sLVq13531159.jpg', Caption: ''});
				photoMap['13531160'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531162', Icon: 'https://w2.chabad.org/media/images/1353/jTBt13531162.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/eKUX13531161.jpg', Caption: ''});
				photoMap['13531162'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531164', Icon: 'https://w2.chabad.org/media/images/1353/ogLr13531164.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/xCwc13531163.jpg', Caption: ''});
				photoMap['13531164'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531168', Icon: 'https://w2.chabad.org/media/images/1353/CmTi13531168.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/wDNM13531167.jpg', Caption: ''});
				photoMap['13531168'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531172', Icon: 'https://w2.chabad.org/media/images/1353/WLoK13531172.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/OrRx13531171.jpg', Caption: ''});
				photoMap['13531172'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531174', Icon: 'https://w2.chabad.org/media/images/1353/kYVb13531174.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/sagf13531173.jpg', Caption: ''});
				photoMap['13531174'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531178', Icon: 'https://w2.chabad.org/media/images/1353/tJNt13531178.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/dFeh13531177.jpg', Caption: ''});
				photoMap['13531178'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531180', Icon: 'https://w2.chabad.org/media/images/1353/EUmy13531180.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/zlgD13531179.jpg', Caption: ''});
				photoMap['13531180'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531184', Icon: 'https://w2.chabad.org/media/images/1353/gQRK13531184.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/ouuy13531183.jpg', Caption: ''});
				photoMap['13531184'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531186', Icon: 'https://w2.chabad.org/media/images/1353/XttR13531186.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/tgbE13531185.jpg', Caption: ''});
				photoMap['13531186'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531188', Icon: 'https://w2.chabad.org/media/images/1353/gutR13531188.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/AdwV13531187.jpg', Caption: ''});
				photoMap['13531188'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13531190', Icon: 'https://w2.chabad.org/media/images/1353/TmMo13531190.jpg', LargeImage: 'https://w2.chabad.org/media/images/1353/IGVu13531189.jpg', Caption: ''});
				photoMap['13531190'] = photoArray[photoArray.length-1];

		var FacebookSettings = {
			CommentsEnabled: false,
			HasAlbumId : false,
			AlbumId : '',
			IsPrintVersion: false,
			BaseUrl: 'http://www.cgisudbury.com/templates/photogallery_cdo/aid/5041098'
		};

		Co.Anchor.Events.AddEventListener("change", function(e)
		{
			//don't parseInt this, as the ids are long enough that JS will corrupt them. Strings work fine
			var photoID = e.items['photoid'];
			if (!isNaN(photoID))
			{
				if (Co_Slideshow.currentImg && Co_Slideshow.index !== (photoMap[photoID].Index))
					Co_Slideshow.openImage(photoMap[photoID].Index);
			}					

			if (e.items['close']==='true')
				Co_Slideshow.closeLightbox(e);
		});

		if(FacebookSettings.HasAlbumId)
		{
			var json = undefined;
			var facebookLikeUrl = [];
			var facebookCommentsUrl = [];
			if (json && !json.error && json.data.length)
			{
				photoArray = [];
				photoMap = { };
				facebookLikeUrl = [];
				facebookCommentsUrl = [];
				//Index_of_Requested_image = 0;
				Co_Slideshow.index = -1;
				var photo = null;
				var photoItem = {};
				for (var i in json.data)
				{
					//val2 = a[c][d];
					photo = json.data[i];

					if(!photo.source && photo.images && photo.images.length)
						photo.source = photo.images[0].source;

					if (typeof(photo.source) != "undefined")
					{
						var caption = "";
						if (photo.name)
							caption = photo.name;
						photoItem =
						{
							Index: photoArray.length,
							Id: photo.id,
							Icon: photo.picture,
							LargeImage: photo.source,
							Caption: caption,
                            Date: new Date(photo.created_time)
						};
						if( photo.images && photo.images.length )
						{
							//CWNP-608.
							// We want the nicest looking size...
							var largeImage =
							{
								source: null,
								height: 0,
								width: 0
							};
							var icon =
							{
								source: null,
								height: 0,
								width: 0
							};
							for( var i = 0, iMax = photo.images.length; i < iMax; i++ )
							{
								var image = photo.images[i];
								if( image.height > largeImage.height || image.width > largeImage.width )
								{
									largeImage.source = image.source;
									largeImage.height = image.height;
									largeImage.width = image.width;
								}
								if( ( image.height > icon.height && image.height < 321 )//Max 320
								|| ( image.width > icon.width && image.width < 321 ))
								{
									icon.source = image.source;
									icon.height = image.height;
									icon.width = image.width;
								}
							}
							if( !icon.source )
								icon = largeImage;
							if( largeImage.source )
							{
								photoItem.LargeImage = largeImage.source;
								photoItem.Icon = icon.source;
							}
						}
						photoArray.push( photoItem );
						photoMap[photo.id] = photoArray[photoArray.length-1];

						facebookLikeUrl.push('https://www.facebook.com/'+FacebookSettings.AlbumId+photo.id);
						facebookCommentsUrl.push(photo.link);
					}
				}
				// Sort photos by most recent date.
				photoArray
					.sort((a,b) => b.Date - a.Date)
					.map((photo, index) => photo.Index = index);
			}
		}

		var photos = [];
		var thumbnails = [];
		var amountOfPhotos = Math.min(250, photoArray.length);
        for (var i = 0; i < amountOfPhotos; i++)
		{
			photo = photoArray[i];
							
			photos.push(
				'<div class="photo" id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" width="115" height="115" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');

			// Thumbnails
			thumbnails.push(
				'<div class="photo thumbnail"  id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');
		}

		Co.DomEvents.AddListener(window, "domload", function()
		{
			if (photoArray.length == 0)
			{
				document.getElementById('photos').innerHTML = 'No photos found';
			}
			else
			{
				document.getElementById('photos').innerHTML = photos.join(' ');
				document.getElementById('thumbnails-panel').innerHTML = thumbnails.join(' ');
				initSlideshow();
			}
		});

		var image_url = FacebookSettings.baseUrl + '/iid/' + photoArray[0].Id;
			
		if(FacebookSettings.HasAlbumId)
		{
			image_url = facebookLikeUrl[0];
		}

		function initSlideshow()
		{					
			Co_Slideshow.initialize();
		}
    </script>
		

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Camp Gan Israel Sudbury'}; Co.ArticleId     = '5041098';Co.SectionId     = 7208533;Co.PartnerSiteId = 0;Co.SiteId        = 9215;Co.IsMobilePage  = false;Co.IsResponsive  = true;Co.DbDomain      = 'CGISudbury.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	

</body>
</html>