<!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 property="og:image" content="https://w2.chabad.org/media/images/1179/hIsi11793255.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="2016-2017" />
<meta name="title" content="2016-2017" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="1918556-1918564-2681988-6601982-3720278-3770557" />
<meta name="article-keywords" content="2902-8495-32454-2170-2898" />
<meta name="scope-aid" content="1918556" />
<meta name="scope-aid" content="1918564" />
<meta name="scope-aid" content="2681988" />
<meta name="scope-aid" content="6601982" />
<meta name="scope-aid" content="3720278" />
<meta name="scope-aid" content="3770557" />
<meta name="article-keyword" content="2902" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="32454" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadmadison.com/templates/photogallery_cdo/aid/3770557/jewish/2016-2017.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="2016-2017" /><link rel="canonical" href="https://www.chabadmadison.com/templates/photogallery_cdo/aid/3770557/jewish/2016-2017.htm" />
<link rel="icon" type="image/png" href="https://www.chabadmadison.com/media/images/1179/hIsi11793255.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=30&v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=30&v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=30&v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=30&v=21E88630" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=30&v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=30&v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/css/oxpins.css?v=7/8/2026" id="k32454" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/photogallery.css?g=30&v=AA129DC0" id="kphotogallery" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?g=30&v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?g=30&v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?g=30&v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
	<meta property="fb:app_id" content="1375552516088717" />
	<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="Chabad Madison" />

 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2017-08-30","primaryArticleId":3770557,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Youth & Teens","contentLevel3":"CTeen Madison","contentLevel4":"Photos","contentLevel5":"2016-2017","siteName":"Chabad Madison"},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":26,"hebrewDate":"5786-06-04"}});
		dataLayer.push({ 'articleHierarchy': '-1918556-1918564-2681988-6601982-3720278-3770557-', 'keywords': '-k2898-k2170-k32454-k8495-k2902-', 'k': '-1918556-1918564-2681988-6601982-3720278-3770557--k2898-k2170-k32454-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 = 8150798;var sc_partition = 91;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "02b0a49d";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c92.statcounter.com/counter.php?sc_project=8150798&amp;java=0&amp;security=02b0a49d&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link href="https://fonts.googleapis.com/css?family=Oswald|Overpass|Poppins|Roboto|Roboto+Condensed|Source+Sans+Pro" rel="stylesheet">
<meta name="google-site-verification" content="IU0bIvt29Stfzx_e3qeJ7LrCRSmQ4fCkhWMM6u0ylrY" />
<meta name="google-site-verification" content="d40ipFpFLuXK6sn8_LRzjji0EGvqFj09MHFGbyhNY3U" />
<style type="text/css">
.main {
    padding-top: 0px !important;
}
[class^="widget-"] a:hover {
     text-decoration: none; 
}
.widget-4 .wrapper {
-webkit-box-shadow: none;
box-shadow: none;
}

.widget-4, .sneak_peek {
-webkit-box-shadow: none;
box-shadow: none;
}

</style>

<style  type="text/css">
button.add-fields, button.remove-fields {
  position: relative;
  padding: 10px;
  font-weight: 700;
 color: #105689;
  border: 2px #105689 solid;
  border-radius: 4px;
  text-transform: uppercase;
  outline: 0;
  margin-right:10px;
  overflow:hidden;
  background: none;
  z-index: 1;
  cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}

.add-fields:hover, .remove-fields:hover {
  color: whitesmoke;
}

.add-fields:before, .remove-fields:before {
  content: "";
  position: absolute;
  background: #105689;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

.add-fields:hover:before, .remove-fields:hover:before {
  top: 0;
}

button[disabled="disabled"].add-fields, button[disabled="disabled"].remove-fields {
    border: 2px solid #888;
    color: #888;
}

button[disabled="disabled"].add-fields:before, button[disabled="disabled"].remove-fields:before {
    top:100%
}
</style>


<link rel="icon" type="image/png" href="https://chabadmadison.com/media/images/1179/wTKv11793664.png" />



<script language="javascript" type="text/javascript" src="//w4.chabad.org/scripts/js/os/jquery-latest.min.js?v=20170328.5"></script><script type="text/javascript">
jQuery(document).ready(function ($) {
    function toggleFields(fieldsList, sourceElm, val, condition) {
        var elm = $(sourceElm);
        elm.change(function () {
            let elmValue = $(this).val();
            var found = condition == '>=' ? elmValue >= val : elmValue == val;

            if ($(this).is(':radio')) {
                found = $(this).is(':checked');
            }

            fieldsList.forEach(function (i, x, a) {
                found ? $(i).show() : $(i).hide();

                if (!found) {
                    $(i).find('select', 'input').not(':radio', ':checkbox').each(function () {
                        $(this).val('');
                    });
                }
            });
        });
        elm.change();
    }

    var toggleIndex = 0;

    function addToggleButtons(parentElm, totalElm, requiredMin, optionalMax, addText, removeText) {
        toggleIndex++;

        function getSelectedValue(e) {
            var totalValue = parseInt($(e).val());
            if (!totalValue) {
                totalValue = 1;
            }
            return totalValue;
        }

        $(parentElm).prepend('<button type="button" class="remove-fields" id="remove-fields-' + toggleIndex + '" style="display:none;">' + removeText + '</button>');

        $('#remove-fields-' + toggleIndex).click(function () {
            var value = getSelectedValue(totalElm);
            if (value > requiredMin) {
                value--;
            }
            $(totalElm).val(value);
            $(totalElm).change();
            value == requiredMin ? $(this).hide() : $(this).show();
            value == optionalMax ? $('#add-fields-' + toggleIndex).attr('disabled', 'disabled') : $('#add-fields-' + toggleIndex).removeAttr('disabled');
            if (initTotal && typeof initTotal == 'function') {
                initTotal();
            }
        });

        $(parentElm).prepend('<button type="button" class="add-fields" id="add-fields-' + toggleIndex + '">' + addText + '</button>');

        $('#add-fields-' + toggleIndex).click(function () {
            var value = getSelectedValue(totalElm);
            if (value < optionalMax) {
                value++;
            }
            $(totalElm).val(value);
            $(totalElm).change();
            value == requiredMin ? $('#remove-fields-' + toggleIndex).hide() : $('#remove-fields-' + toggleIndex).show();
            value == optionalMax ? $(this).attr('disabled', 'disabled') : $(this).removeAttr('disabled');
            if (initTotal && typeof initTotal == 'function') {
                initTotal();
            }
        });
    }

    if (Co.ArticleId == 3756131) {
        var selectElmId = '#input_53';

        toggleFields(["#cid_39", "#id_40", "#id_41", "#id_42", "#id_43", "#id_44", "#id_46"], selectElmId, "2", ">=");

toggleFields(["#cid_58", "#id_59", "#id_60", "#id_61", "#id_62", "#id_63", "#id_64"], selectElmId, "3", ">=");

        addToggleButtons("#cid_25", selectElmId, 1, 3, "Add additional child", "Remove additional child");
    }

if (Co.ArticleId == 3830454) {
        var selectElmId = '#input_49';

toggleFields(["#cid_42", "#id_11", "#id_12", "#id_44", "#id_65", "#id_45", "#id_46", "#id_47", "#id_48", "#id_16", "#id_53", "#id_54"], selectElmId, "2", ">=");
toggleFields(["#cid_61", "#id_62", "#id_63", "#id_64", "#id_79", "#id_66", "#id_67", "#id_68", "#id_69", "#id_55", "#id_56", "#id_57"], selectElmId, "3", ">=");
toggleFields(["#cid_70", "#id_71", "#id_72", "#id_73", "#id_78", "#id_74", "#id_75", "#id_76", "#id_77", "#id_58", "#id_59", "#id_60"], selectElmId, "4", ">=");

        addToggleButtons("#cid_17", selectElmId, 1, 4, "Add additional child", "Remove additional child");
    }
});
</script><script src="https://webmk.co/sites/chabad-madison/main-script.js" /></script><script>
(function() {
    // 1. CONFIGURATION
    var targetPageID = "7152430"; 
    var urlIdentifier = "ArticleCcoResponse_cdo"; 

    // *** VERIFY THIS IS YOUR DEPLOYED WEB APP URL ***
    var googleWebAppUrl = "https://script.google.com/macros/s/AKfycbwyY9A_f34OQm2jH8kmbC59MKyLyo1ABgsdiW3qamX9e9R0p3ORtlcuWtoJTIuiF-jF4g/exec"; 

    // 2. CHECK URL
    if (window.location.href.indexOf(targetPageID) > -1 && window.location.href.indexOf(urlIdentifier) > -1) {
        
        console.log("Campaign Scraper: Page detected. Waiting for table...");

        // Wait for the table to appear (Dynamic Loading)
        var attempts = 0;
        var maxAttempts = 20; // 10 seconds timeout

        var checkInterval = setInterval(function() {
            var table = document.querySelector('.response_table');
            
            if (table) {
                clearInterval(checkInterval);
                console.log("Campaign Scraper: Table found!");
                scrapeAndSend();
            } else {
                attempts++;
                if (attempts >= maxAttempts) {
                    clearInterval(checkInterval);
                    console.log("Campaign Scraper: Timed out waiting for table.");
                }
            }
        }, 500); 

        function scrapeAndSend() {
            var extractedData = {
                firstName: "",
                lastName: "",
                amount: "", 
                submissionId: "" 
            };

            // 3. SCRAPE TABLE
            var tableRows = document.querySelectorAll('.response_table tr');
            
            if (tableRows.length > 0) {
                tableRows.forEach(function(row) {
                    var labelCell = row.querySelector('.field_name');
                    var valueCell = row.querySelector('.field_value');

                    if (labelCell && valueCell) {
                        var label = labelCell.innerText.trim().toLowerCase();
                        var value = valueCell.innerText.trim();

                        // A. FIRST NAME
                        if (label.indexOf('full name - first name') > -1) {
                            extractedData.firstName = value;
                        }
                        // B. LAST NAME
                        else if (label.indexOf('full name - last name') > -1) {
                            extractedData.lastName = value;
                        }
                        // C. AMOUNT (From "Total Amount")
                        else if (label.indexOf('total amount') > -1) {
                            extractedData.amount = value;
                        }
                        // D. SUBMISSION ID (For Duplicate Prevention Only)
                        else if (label.indexOf('submission id') > -1) {
                            extractedData.submissionId = value;
                        }
                    }
                });

                // --- DUPLICATE CHECK ---
                if (extractedData.submissionId) {
                    var sentIds = JSON.parse(localStorage.getItem('ec_sent_submissions') || "[]");
                    if (sentIds.indexOf(extractedData.submissionId) > -1) {
                        console.log("Campaign Scraper: Duplicate submission detected. Skipping.");
                        return; 
                    }
                }

                console.log("Sending Data to Sheet:", extractedData);

                // 4. SEND TO GOOGLE
                fetch(googleWebAppUrl, {
                    method: 'POST',
                    mode: 'no-cors',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify(extractedData)
                }).then(function() {
                    console.log("Data sent successfully.");
                    
                    if (extractedData.submissionId) {
                        var sentIds = JSON.parse(localStorage.getItem('ec_sent_submissions') || "[]");
                        sentIds.push(extractedData.submissionId);
                        localStorage.setItem('ec_sent_submissions', JSON.stringify(sentIds));
                    }

                }).catch(function(err) {
                    console.error("Error sending data:", err);
                });
            }
        }
    }
})();
</script><title>
	2016-2017
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.ChabadMadison.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad Madison</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page">
<div id="chabad_main_content">

<div class="preloader">
<div class="preloader__image" ></div>
</div>

<div class="page-wrapper">
<div class="main-header" id="chabad_head">

<nav class="main-menu">
<div class="main-menu__wrapper">
<div class="main-menu__wrapper-inner">
<div class="main-menu__left">
<div class="main-menu__logo">

<a href="/6601982">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/brand/cteen-logo-long.png" alt="CTeens" width="70" />

</a>
<div class="main-menu__volunteers-text-box">
<div class="main-menu__volunteers-text">
<a href="/6601982">
<div class="main-menu__city">

Madison

</div>
</a>
</div>
</div>

</div>
</div>
<div class="main-menu__right">
<div class="main-menu__right-top">
<div class="main-menu__right-top-left">
<div class="main-menu__volunteers"></div>
</div>
<div class="main-menu__right-top-right">

<div class="main-menu__right-top-address">
<ul class="list-unstyled main-menu__right-top-address-list">
<li>

<co:item style="display: contents;">
<div class="icon">
<span class="icon-phone-call" ></span>
</div>
<div class="content">
<div>
Phone
</div>
<h5>

<a href="tel:#" class="phone-number-link">
608-231-3450
</a>

</h5>
</div>
</co:item>

</li>
<li>

<co:item style="display: contents;">
<div class="icon">
<span class="icon-message" ></span>
</div>
<div class="content">
<div>
Email
</div>
<h5>

<a href="mailto:#" class="email-link">CTeenMadison@Gmail.com</a>

</h5>
</div>
</co:item>

</li>
<li>

<co:item style="display: contents;">
<div class="icon">
<span class="icon-location" ></span>
</div>
<div class="content">
<div>
1711 Monroe Street
</div>
<h5>

<a href="https://www.google.com/maps/search/#" target="_blank">Madison, WI, 53711</a>

</h5>
</div>
</co:item>

</li>
</ul>
</div>

<co:item style="display: contents;">
<div class="main-menu__right-top-social">


<a href="https://www.instagram.com/cteenmadison" class="social-media-link-instagram">
<i class="fab fa-instagram" ></i>
</a>

</div>
</co:item>


</div>
</div>
<div class="main-menu__right-bottom">
<div class="main-menu__main-menu-box">
<a href="#" class="mobile-nav__toggler">
<i class="fa fa-bars" ></i>
</a>

<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=3768799" class="parent">About</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7144221" class="parent">Calendar </a>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=3720278" class="parent arrow selected">Photos</a>
<div class="sub_menu">
<ul>
<li class="item first selected">
<a href="/article.asp?aid=3770557">2016-2017</a>
</li>
<li class="item last">
<a href="/article.asp?aid=3799692">2017-18 Kickoff!</a>
</li>
</ul>
</div>
</li>

</ul>
</div>
</div>


</div>

<div class="main-menu__main-menu-content-box">
<div class="main-menu__search-cat-btn-box">
<div class="main-menu__btn-box"></div>
</div>
</div>

</div>
</div>
</div>
</div>
</nav>

</div>
<div id="chabad_body_content">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" 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 ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">2016-2017</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&appId=1375552516088717&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">2016-2017</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 2016-2017</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 2016-2017</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 class="section-articles below-article clearfix" id="MoreInSection" data-list-name="more in this section">
			<h2 class="below-article__title">More in this section</h2>
			<div class="bs-container">
				<div class="bs-row">
					
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/3799692/jewish/2017-18-Kickoff.htm" data-aid="3799692">2017-18 Kickoff!</a>
		</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER -->
</div>
</div>
</div>


<footer class="site-footer">
<div class="site-footer-bg" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/backgrounds/site-footer-bg.jpg');"></div>
<div class="site-footer__top">
<div class="container">
<div class="row" style="justify-content: center;">
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
<div class="footer-widget__column footer-widget__about">
<div class="footer-widget__about-logo">
<a href="/6601982">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/brand/cteen-logo-long.png" alt="CTeens" width="50" />

<div class="chapter-sm">

Madison

</div>
</a>
</div>
<div class="footer-widget__btn">

<a href="/donate">DONATE</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
<div class="footer-widget__column footer-widget__contact">
<h3 class="footer-widget__title">
Contact
</h3>
<div class="footer-widget__contact-text">
1711 Monroe Street<br/>
Madison, WI, 53711
</div>
<ul class="list-unstyled footer-widget__contact-list">
<li>
<div class="icon">
<i class="fa fa-envelope" ></i>
</div>
<div class="text">
<div>

<a href="mailto:#" class="email-link">CTeenMadison@Gmail.com</a>

</div>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone-alt" ></i>
</div>
<div class="text">
<div>

<a href="tel:#">
608-231-3450
</a>

</div>
</div>
</li>
</ul>
<div class="site-footer__social">


<a href="https://www.instagram.com/cteenmadison">
<i class="fab fa-instagram" ></i>
</a>

</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="site-footer__bottom-inner">
<div class="site-footer__bottom-text">© Copyright by 
<a href="https://cteen.com">CTeen.com</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>



<div class="content3">
<div class="mobile-nav__wrapper">
<div class="mobile-nav__overlay mobile-nav__toggler" ></div>
<div class="mobile-nav__content">
<span class="mobile-nav__close mobile-nav__toggler">
<i class="fa fa-times" ></i>
</span>
<div class="logo-box">
<a href="#" aria-label="logo image">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/brand/cteen-logo-long.png" width="143" alt="" />
</a>
</div>
<div class="mobile-nav__container" ></div>
<ul class="mobile-nav__contact list-unstyled">
<li>
<i class="fa fa-envelope" ></i>
<a href="#" class="mobile-nav__email-link" ></a>
</li>
<li>
<i class="fa fa-phone-alt" ></i>
<a href="#" class="mobile-nav__phone-link">
</a>
</li>
</ul>
<div class="mobile-nav__top">
<div class="mobile-nav__social">
<a href="#" class="fab fa-facebook-square mobile-nav__social-facebook" ></a>
<a href="#" class="fab fa-instagram mobile-nav__social-instagram" ></a>
</div>
</div>
</div>
</div>
<a href="#" data-target="html" class="scroll-to-target scroll-to-top">
<i class="icon-up-arrow" ></i>
</a>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/js/cteen.js?v=02-04-2025"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/jquery/jquery-3.6.0.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/jarallax/jarallax.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/jquery-appear/jquery.appear.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/odometer/odometer.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/swiper/swiper.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/wow/wow.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/jquery-ui/jquery-ui.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/js/oxpins.js"></script>

<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=1"></script></div>


</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.chabadmadison.com%2ftemplates%2fphotogallery_cdo%2faid%2f3770557%2fjewish%2f2016-2017.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%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=2016-2017&amp;url=https%3a%2f%2fwww.chabadmadison.com%2ftemplates%2fphotogallery_cdo%2faid%2f3770557%2fjewish%2f2016-2017.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%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=2016-2017 https%3a%2f%2fwww.chabadmadison.com%2ftemplates%2fphotogallery_cdo%2faid%2f3770557%2fjewish%2f2016-2017.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%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.chabadmadison.com%2ftemplates%2fphotogallery_cdo%2faid%2f3770557%2fjewish%2f2016-2017.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=2016-2017">
				<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" >Chabad Madison</span>
		<div class="footer-address">
			<span class="footer-street">1711 Monroe St </span>
			<span class="footer-city-state">Madison, WI 53711</span>
		</div>
			<span>608-231-3450</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?g=30&v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=30&v=CD6CB303"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=30&v=C8425CA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/photogallery.js?g=30&v=42FF58D0"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?g=30&v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?g=30&v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?g=30&v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=30&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?g=30&v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E&g=30"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=30&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: '10244619', Icon: 'https://w2.chabad.org/media/images/1024/fLoP10244619.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/rHww10244618.jpg', Caption: ''});
				photoMap['10244619'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244621', Icon: 'https://w2.chabad.org/media/images/1024/LMeb10244621.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/IRFo10244620.jpg', Caption: ''});
				photoMap['10244621'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244623', Icon: 'https://w2.chabad.org/media/images/1024/PpNS10244623.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/WeOE10244622.jpg', Caption: ''});
				photoMap['10244623'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244625', Icon: 'https://w2.chabad.org/media/images/1024/LrCD10244625.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/yxiG10244624.jpg', Caption: ''});
				photoMap['10244625'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244627', Icon: 'https://w2.chabad.org/media/images/1024/IPdv10244627.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/GVkn10244626.jpg', Caption: ''});
				photoMap['10244627'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244629', Icon: 'https://w2.chabad.org/media/images/1024/knOW10244629.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/pCDx10244628.jpg', Caption: ''});
				photoMap['10244629'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244631', Icon: 'https://w2.chabad.org/media/images/1024/KakJ10244631.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/NJvp10244630.jpg', Caption: ''});
				photoMap['10244631'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244634', Icon: 'https://w2.chabad.org/media/images/1024/lAEH10244634.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/YFeh10244632.jpg', Caption: ''});
				photoMap['10244634'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244636', Icon: 'https://w2.chabad.org/media/images/1024/SWAY10244636.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/oeoQ10244635.jpg', Caption: ''});
				photoMap['10244636'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244638', Icon: 'https://w2.chabad.org/media/images/1024/hhUl10244638.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/jlUV10244637.jpg', Caption: ''});
				photoMap['10244638'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244640', Icon: 'https://w2.chabad.org/media/images/1024/YttM10244640.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/tuSw10244639.jpg', Caption: ''});
				photoMap['10244640'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244642', Icon: 'https://w2.chabad.org/media/images/1024/riZM10244642.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/Joda10244641.jpg', Caption: ''});
				photoMap['10244642'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244644', Icon: 'https://w2.chabad.org/media/images/1024/wpaD10244644.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/dFIO10244643.jpg', Caption: ''});
				photoMap['10244644'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244646', Icon: 'https://w2.chabad.org/media/images/1024/Qemg10244646.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/hOvI10244645.jpg', Caption: ''});
				photoMap['10244646'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244648', Icon: 'https://w2.chabad.org/media/images/1024/eqby10244648.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/cVvj10244647.jpg', Caption: ''});
				photoMap['10244648'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244650', Icon: 'https://w2.chabad.org/media/images/1024/OifL10244650.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/fWuB10244649.jpg', Caption: ''});
				photoMap['10244650'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244652', Icon: 'https://w2.chabad.org/media/images/1024/qcFr10244652.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/PbBH10244651.jpg', Caption: ''});
				photoMap['10244652'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244654', Icon: 'https://w2.chabad.org/media/images/1024/FloV10244654.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/ruBn10244653.jpg', Caption: ''});
				photoMap['10244654'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244657', Icon: 'https://w2.chabad.org/media/images/1024/dCXk10244657.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/oPws10244655.jpg', Caption: ''});
				photoMap['10244657'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244659', Icon: 'https://w2.chabad.org/media/images/1024/vWOP10244659.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/rHDr10244658.jpg', Caption: ''});
				photoMap['10244659'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244661', Icon: 'https://w2.chabad.org/media/images/1024/bSzT10244661.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/InRP10244660.jpg', Caption: ''});
				photoMap['10244661'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244663', Icon: 'https://w2.chabad.org/media/images/1024/JwhF10244663.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/vGAa10244662.jpg', Caption: ''});
				photoMap['10244663'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244665', Icon: 'https://w2.chabad.org/media/images/1024/AJOO10244665.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/zfkR10244664.jpg', Caption: ''});
				photoMap['10244665'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244667', Icon: 'https://w2.chabad.org/media/images/1024/ZOgJ10244667.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/YmpS10244666.jpg', Caption: ''});
				photoMap['10244667'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244669', Icon: 'https://w2.chabad.org/media/images/1024/REAM10244669.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/iQvV10244668.jpg', Caption: ''});
				photoMap['10244669'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244671', Icon: 'https://w2.chabad.org/media/images/1024/hWgq10244671.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/jEFp10244670.jpg', Caption: ''});
				photoMap['10244671'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244673', Icon: 'https://w2.chabad.org/media/images/1024/EoWE10244673.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/khjH10244672.jpg', Caption: ''});
				photoMap['10244673'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244675', Icon: 'https://w2.chabad.org/media/images/1024/fqpq10244675.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/JNjD10244674.jpg', Caption: ''});
				photoMap['10244675'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244677', Icon: 'https://w2.chabad.org/media/images/1024/jyXG10244677.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/dypS10244676.jpg', Caption: ''});
				photoMap['10244677'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244679', Icon: 'https://w2.chabad.org/media/images/1024/IIcS10244679.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/iCyK10244678.jpg', Caption: ''});
				photoMap['10244679'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244681', Icon: 'https://w2.chabad.org/media/images/1024/DnJj10244681.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/yykS10244680.jpg', Caption: ''});
				photoMap['10244681'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244683', Icon: 'https://w2.chabad.org/media/images/1024/rPbf10244683.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/dKlt10244682.jpg', Caption: ''});
				photoMap['10244683'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '10244685', Icon: 'https://w2.chabad.org/media/images/1024/LCBC10244685.jpg', LargeImage: 'https://w2.chabad.org/media/images/1024/mSxJ10244684.jpg', Caption: ''});
				photoMap['10244685'] = photoArray[photoArray.length-1];

		var FacebookSettings = {
			CommentsEnabled: true,
			HasAlbumId : false,
			AlbumId : '',
			IsPrintVersion: false,
			BaseUrl: 'http://www.chabadmadison.com/templates/photogallery_cdo/aid/3770557'
		};

		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:'Chabad Madison'}; Co.ArticleId     = '3770557';Co.SectionId     = 2681988;Co.PartnerSiteId = 0;Co.SiteId        = 214;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadMadison.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
document.addEventListener('DOMContentLoaded', function() {

    // =========================================================================
    // PART 1: HELPER FUNCTIONS & CONFIG
    // =========================================================================

    const googleSheetCsvUrl = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vRhqJdBdBaaXEuIqeSwRyVapiMHHjZfI8deYHLBaISbliR8mihmy2uaRTsMX6KlRbZEkQA5RNDw6fr3/pub?output=csv';

    // Helper: Find a div containing specific text (handling the period issue)
    function findPlaceholderElement(placeholderText) {
        const potentialContainers = document.querySelectorAll('div.form-html'); 
        for (let container of potentialContainers) {
            // Check textContent to find the placeholder
            if ((container.textContent || '').includes(placeholderText)) {
                return container; 
            }
        }
        return null;
    }

    // Helper: Parse CSV Text into JSON
    function parseCsvResponse(csvText) {
        if (!csvText || typeof csvText !== 'string') return []; 
        try { 
            const lines = csvText.trim().split('\n'); 
            if (lines.length < 2) return []; 
            const headers = lines.shift().trim().split(',').map(h => h.trim().replace(/"/g, '')); 
            return lines.map(line => { 
                const values = line.trim().split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/); 
                const rowData = {}; 
                headers.forEach((header, index) => { 
                    let value = values[index] ? values[index].trim().replace(/^"|"$/g, '') : ''; 
                    if (['Amount', 'Goal', 'Value / GID'].includes(header) && value) { 
                        value = parseFloat(value.replace(/[^0-9.-]+/g, "")) || 0; 
                    } 
                    rowData[header] = value; 
                }); 
                return rowData; 
            }); 
        } catch (e) { 
            console.error("Failed to parse CSV.", e); 
            return []; 
        }
    }

    // Helper: Get specific sheet URL
    function getSheetCsvUrl(gid) {
        const sheetIdMatch = googleSheetCsvUrl.match(/\/d\/e\/(.*?)\//);
        if (!sheetIdMatch) return null;
        return 'https://docs.google.com/spreadsheets/d/e/' + sheetIdMatch[1] + '/pub?gid=' + gid + '&output=csv';
    }

    // =========================================================================
    // PART 2: STYLING & INTERACTIVITY (Radio Tabs)
    // =========================================================================

    function injectFormStyles() {
        // 1. Add Google Font
        const link = document.createElement('link');
        link.href = 'https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;900&display=swap';
        link.rel = 'stylesheet';
        document.head.appendChild(link);
        
        // 2. Add Custom CSS
        const style = document.createElement('style');
        style.innerHTML = `
            /* --- Base and Font --- */
            .campaign-form-styling-active .userform-form, 
            .campaign-form-styling-active .userform-form span {
                font-family: 'Raleway', sans-serif !important;
                box-sizing: border-box;
                color: white !Important;
            }
            /* --- Blue Background Section (Grid) --- */
            .campaign-form-styling-active ul.form-section {
                background-color: #2F3C4D !important;
                padding: 30px !important;
                border-radius: 8px;
                margin-top: 20px;
                display: block !important;
                gap: 20px;
                list-style: none !important;
            }
            /* --- Exclude Top Elements from Blue BG --- */
            .campaign-form-styling-active ul.form-section > li#id_1, 
            .campaign-form-styling-active ul.form-section > li#id_3, 
            .campaign-form-styling-active ul.form-section > li#id_12,
            .campaign-form-styling-active ul.form-section > li#id_13,
            .campaign-form-styling-active ul.form-section > li#id_4 {
                background-color: transparent !important;
                padding: 0 !important;
                grid-column: 1 / -1 !important;
                margin: 0 !important;
                border: none !important;
                box-shadow: none !important;
            }
            /* Hide GID field */
            .co_body .content .form-all p{ color: white !important;}
            /* Reset text color for items in blue section */
            .campaign-form-styling-active ul.form-section > li { color: white; }
            /* Reset for top elements */
            .campaign-form-styling-active ul.form-section > li.form-line#id_3 .form-html p,
            .campaign-form-styling-active ul.form-section > li#id_13 * { color: #333 !important; }
            
            /* --- Make sections span full width --- */
            .campaign-form-styling-active ul.form-section > li#id_14,
            .campaign-form-styling-active ul.form-section > li#id_7,
            .campaign-form-styling-active ul.form-section > li#id_8,
            .campaign-form-styling-active ul.form-section > li#id_2,
            .campaign-form-styling-active ul.form-section > li#id_10,
            .campaign-form-styling-active ul.form-section > li#id_11 { grid-column: 1 / -1 !important; }

            /* --- RADIO TABS STYLING --- */
            .campaign-form-styling-active li.custom-radio-tab-list {
                grid-column: 1 / -1 !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important;
            }
            .campaign-form-styling-active .custom-radio-grid-container {
                display: grid !important; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;
            }
            .campaign-form-styling-active .custom-radio-tab {
                background-color: white !important; border-radius: 8px !important; padding: 20px !important; color: #333 !important; cursor: pointer;
                transition: all 0.2s ease-in-out; border: 3px solid transparent; display: block !important;
            }
            .campaign-form-styling-active .custom-radio-tab.custom-radio-tab-selected {
                border-color: #B99362 !important; box-shadow: 0 4px 12px rgba(185, 147, 98, 0.4);
            }
            .campaign-form-styling-active .custom-radio-tab input[type="radio"] { display: none !important; }
            .campaign-form-styling-active .custom-radio-tab label {
                font-size: 1rem !important; font-weight: 500 !important; color: #555 !important; line-height: 1.3 !important; display: block; cursor: pointer; width: 100%;
            }
            .campaign-form-styling-active .custom-radio-tab label::before {
                content: attr(data-amount); display: block; font-size: 2rem; font-weight: 900; line-height: 1.1; margin-bottom: 5px;
            }
            .campaign-form-styling-active .custom-radio-tab.spinner-odd label::before { color: #A47E4D !important; }
            .campaign-form-styling-active .custom-radio-tab.spinner-even label::before { color: #2F3C4D !important; }
            .campaign-form-styling-active .custom-radio-tab-other { align-self: start; }
            .campaign-form-styling-active .custom-radio-tab-other label { margin-bottom: 10px; }
            .campaign-form-styling-active .custom-other-input-wrapper { display: block; margin: 0; padding: 0; }
            .campaign-form-styling-active .custom-radio-tab-other input[type="number"] {
                width: 100% !important; border: 1px solid #ccc !important; border-radius: 4px !important; padding: 12px 8px !important;
                font-size: 1.2rem !important; font-weight: 700 !important; color: #2F3C4D !important; margin: 0 !important;
            }
            .campaign-form-styling-active .custom-radio-tab-other input[type="number"]:disabled { background: #f4f4f4 !important; cursor: not-allowed; }
            .campaign-form-styling-active .custom-radio-grid-container .clearfix, .campaign-form-styling-active .custom-radio-tab br { display: none !important; }

            /* --- Other Form Fixes --- */
            .co_body h3, .co_body h2, .co_body h1 { color: #B99362 !important; }
            .co_body .content .form-all .form-submit-button { background: #B99362 !important; }
            .co_body .content .form-all .form-label-left label, .form-sub-label { color: white !important; }
        `;
        document.head.appendChild(style);
        document.body.classList.add('campaign-form-styling-active');
    }

    function setupAllRadioTabs() {
        try {
            const allFormLines = document.querySelectorAll('li.form-line[id*="id_"]');
            allFormLines.forEach((liContainer) => {
                const radioItems = liContainer.querySelectorAll('.form-radio-item');
                const hasOther = liContainer.querySelector('.form-radio-other');
                const firstLabel = liContainer.querySelector('.form-radio-item label');
                const isPaymentRadio = hasOther || (firstLabel && firstLabel.innerText.includes('$'));
                
                if (radioItems.length === 0 || !isPaymentRadio) return;

                // Process Payment List
                liContainer.classList.add('custom-radio-tab-list');
                const gridContainer = liContainer.querySelector('.form-single-column');
                if (gridContainer) gridContainer.classList.add('custom-radio-grid-container');

                const globalOtherInput = liContainer.querySelector('input[type="number"]');
                const globalOtherRadio = liContainer.querySelector('input.form-radio-other');

                radioItems.forEach((radioItem, index) => {
                    radioItem.classList.add('custom-radio-tab');
                    radioItem.classList.add((index % 2 === 0) ? 'spinner-odd' : 'spinner-even');
                    
                    const radio = radioItem.querySelector('input[type="radio"]');
                    let labelEl = radioItem.querySelector('label');
                    const otherInput = radioItem.querySelector('input[type="number"]');

                    if (otherInput) {
                        radioItem.classList.add('custom-radio-tab-other');
                        if (!labelEl) {
                            labelEl = document.createElement('label');
                            labelEl.setAttribute('for', radio.id);
                            radioItem.insertBefore(labelEl, radioItem.querySelector('span'));
                        }
                        labelEl.setAttribute('data-amount', 'Other');
                        labelEl.innerText = 'Enter your own amount';
                        const inputSpan = otherInput.parentElement;
                        if (inputSpan && inputSpan.tagName === 'SPAN') inputSpan.classList.add('custom-other-input-wrapper');
                    } else if (labelEl) {
                        const labelText = labelEl.innerText.trim();
                        const dataAmountAttr = labelEl.getAttribute('data-amount');
                        let amount = "", description = "";

                        if (dataAmountAttr) {
                            amount = dataAmountAttr;
                            description = labelText;
                        } else {
                            const firstSpaceIndex = labelText.indexOf(' ');
                            if (firstSpaceIndex > -1) {
                                amount = labelText.substring(0, firstSpaceIndex);
                                description = labelText.substring(firstSpaceIndex + 1);
                                labelEl.innerText = description;
                                labelEl.setAttribute('data-amount', amount);
                            }
                        }
                    }

                    radioItem.addEventListener('click', (e) => {
                        if (e.target.type === 'number') return;
                        gridContainer.querySelectorAll('.custom-radio-tab').forEach(t => t.classList.remove('custom-radio-tab-selected'));
                        radioItem.classList.add('custom-radio-tab-selected');
                        
                        if (radio === globalOtherRadio) {
                            if(globalOtherInput) { globalOtherInput.disabled = false; globalOtherInput.focus(); }
                        } else {
                            if(globalOtherInput) { globalOtherInput.disabled = true; }
                        }
                    });
                });

                if (globalOtherInput) {
                    globalOtherInput.addEventListener('focus', () => {
                        if (globalOtherRadio && !globalOtherRadio.checked) globalOtherRadio.click();
                        gridContainer.querySelectorAll('.custom-radio-tab').forEach(t => t.classList.remove('custom-radio-tab-selected'));
                        const otherTab = globalOtherInput.closest('.custom-radio-tab');
                        if (otherTab) otherTab.classList.add('custom-radio-tab-selected');
                    });
                }
            });
        } catch (e) {
            console.error("Error setting up radio tabs: ", e);
        }
    }

    // =========================================================================
    // PART 3: DATA FETCHING & POPULATION (Progress Bar / Donors)
    // =========================================================================

    async function processData(currentGid) {
        try {
            // Fetch ONLY the master sheet (Removed Minisite Fetch)
            const masterResponse = await fetch(googleSheetCsvUrl);
            if (!masterResponse.ok) throw new Error('Failed to fetch Master sheet');
            
            const masterText = await masterResponse.text();
            const masterData = parseCsvResponse(masterText);
            
            // Find Campaign Data
            const allCampaigns = masterData.filter(row => row.Type === 'campaign');
            const currentCampaignInfo = allCampaigns.find(c => String(c['Value / GID']) === String(currentGid));

            if (!currentCampaignInfo) { console.error('No campaign with GID ' + currentGid + ' found.'); return; }
            
            const goal = currentCampaignInfo.Goal || 0; 
            
            // Get Specific Donor Sheet
            const donorSheetUrl = getSheetCsvUrl(currentGid);
            if (!donorSheetUrl) return;

            const donorResponse = await fetch(donorSheetUrl);
            const donorText = await donorResponse.text();
            const donors = parseCsvResponse(donorText);

            // Calculate Raised
            const raised = donors.reduce((sum, d) => sum + (d.Amount || 0), 0);

            // Render Elements
            // NOTE: We call these sequentially. We use text replacement (innerHTML) 
            // instead of element replacement to ensure that if both placeholders 
            // are in the same container, one doesn't delete the other.
            populateProgressBar(raised, goal); 
            populateDonorsList(donors); 

        } catch (e) {
            console.error("Error processing campaign data:", e);
        }
    }

    function populateProgressBar(raised, goal) {
        const placeholderElement = findPlaceholderElement('%%CAMPAIGN_PROGRESS_BAR%%');
        if (!placeholderElement) return;

        const percentage = goal > 0 ? Math.round((raised / goal) * 100) : 0;
        
        // Build the HTML String
        const progressBarHtml = 
            '<div id="campaign-form-progress-bar-container" style="padding: 20px 0;">' +
                '<div style="display: flex; justify-content: space-between; font-size: 1.1rem; font-weight: 500; margin-bottom: 8px; color: #333;">' +
                    '<span>Money Raised: <span style="font-weight: 700;">$' + raised.toLocaleString() + '</span></span>' +
                    '<span>Goal: $' + goal.toLocaleString() + '</span>' +
                '</div>' +
                '<div style="background-color: #e0e0e0; border-radius: 20px; height: 35px; overflow: hidden; position: relative;">' +
                    '<div style="background-color: #a47e4d; color: white; text-align: center; font-weight: 700; font-size: 1.2rem; line-height: 35px; height: 100%; width: ' + percentage + '%; transition: width 0.8s ease-in-out; border-radius: 20px;">' +
                        percentage + '%' +
                    '</div>' +
                '</div>' +
            '</div>';
        
        // Style Parent LI to Span Width
        const parentLi = placeholderElement.closest('li');
        if (parentLi) parentLi.style.gridColumn = '1 / -1';

        // Use Text Replacement so we don't accidentally remove the Donor placeholder
        // Regex handles optional trailing period
        placeholderElement.innerHTML = placeholderElement.innerHTML.replace(/%%CAMPAIGN_PROGRESS_BAR%%\.?/, progressBarHtml);
    }

    function populateDonorsList(donors) {
        // Re-find element in case the DOM was updated by populateProgressBar
        const placeholderElement = findPlaceholderElement('%%CAMPAIGN_DONORS_LIST%%');
        if (!placeholderElement) return;

        let donorsHtmlContent = '<h2>Campaign Donors</h2>';
        const showCount = 5; 
        let sortedDonors = []; 

        if (!donors || donors.length === 0) {
            donorsHtmlContent += '<p style="text-align:center;">Be the first to donate to this campaign!</p>';
        } else {
            sortedDonors = [...donors].sort((a,b) => (b.Amount || 0) - (a.Amount || 0));
            sortedDonors.forEach((donor, index) => {
                if (donor.Donor_Name && typeof donor.Amount === 'number') { 
                    const isHidden = index >= showCount;
                    donorsHtmlContent += '<div class="campaign-donor-item" style="background: #F2F2F2; border-radius: 10px; display: ' + (isHidden ? 'none' : 'flex') + '; justify-content: space-between; align-items: center; padding: 15px; border-bottom: 1px solid #eee;"><span style="font-size: 1.2rem; font-weight: 500; color: black !Important;">' + donor.Donor_Name + '</span><span style="font-size: 1.2rem; font-weight: 700; color: #a47e4d !Important;">$' + (donor.Amount).toLocaleString() + '</span></div>';
                }
            });

            if (sortedDonors.length > showCount) {
                donorsHtmlContent += '<button id="show-all-donors-btn" style="background: #a47e4d; color: white; border: none; padding: 10px 15px; border-radius: 5px; font-weight: 700; cursor: pointer; margin-top: 10px; text-transform: uppercase; font-size: 0.9rem; width: 100%;">Show All Donors \u2193</button>';
            }
        }
        
        // Build the HTML String
        const donorListHtml = 
            '<div id="campaign-form-donors-list-container" style="margin-top: 40px; display: flex; flex-direction: column; gap: 5px;">' +
                donorsHtmlContent +
            '</div>';

        // Style Parent LI to Span Width
        const parentLi = placeholderElement.closest('li');
        if (parentLi) parentLi.style.gridColumn = '1 / -1';

        // Use Text Replacement
        placeholderElement.innerHTML = placeholderElement.innerHTML.replace(/%%CAMPAIGN_DONORS_LIST%%\.?/, donorListHtml);

        // Attach Event Listeners AFTER injection
        if (sortedDonors.length > showCount) {
            const showMoreBtn = document.getElementById('show-all-donors-btn');
            if (showMoreBtn) {
                showMoreBtn.addEventListener('click', function() {
                    const hiddenDonors = document.querySelectorAll('.campaign-donor-item[style*="display: none"]');
                    hiddenDonors.forEach(donorEl => { donorEl.style.display = 'flex'; });
                    showMoreBtn.style.display = 'none';
                });
            }
        }
    }

    // =========================================================================
    // PART 4: MAIN EXECUTION (The Gatekeeper)
    // =========================================================================

    function initCampaignPage() {
        console.log("Checking for campaign placeholders...");

        // 1. Find GID
        const gidPlaceholder = findPlaceholderElement('%%GID=[');
        let currentGid = null;
        if (gidPlaceholder) {
            const gidMatch = (gidPlaceholder.textContent || '').match(/%%GID=\[(\d+)\]%%/);
            if (gidMatch && gidMatch[1]) {
                currentGid = gidMatch[1];
                gidPlaceholder.style.display = 'none'; // Hide it but keep logic
            }
        }

        // 2. Find Progress Bar & Donors List
        // Note: Using 'includes' in helper handles the trailing period '.' automatically
        const hasProgressBar = findPlaceholderElement('%%CAMPAIGN_PROGRESS_BAR%%');
        const hasDonorsList = findPlaceholderElement('%%CAMPAIGN_DONORS_LIST%%');

        // 3. Strict Check: ALL THREE must be present
        if (currentGid && hasProgressBar && hasDonorsList) {
            console.log("All requirements met. Initializing Campaign Page (Styling + Data).");
            
            // A. Run Styling
            setupAllRadioTabs();
            injectFormStyles();

            // B. Run Data Fetching
            processData(currentGid);

        } else {
            console.log("Script skipped. Requirements not met (Missing GID, Progress Bar, or Donors List).");
            // We do nothing. The page loads as a standard form.
        }
    }

    // Run the check
    initCampaignPage();

});
</script>
</body>
</html>