<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<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="description" content="When we throw a party ... Its Action Packed!" />

<meta property="og:image" content="https://w2.chabad.org/media/images/46/rufd464715.jpg" itemprop="image" width="130" height="87" />
<meta property="og:image:width" content="130" />
<meta property="og:image:height" content="87" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Anniversary,Party,Pics" />
<meta name="title" content="Anniversary Party Pics" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="64335-64339-288327" />
<meta name="article-keywords" content="2902-6760-2170-2898" />
<meta name="scope-aid" content="64335" />
<meta name="scope-aid" content="64339" />
<meta name="scope-aid" content="288327" />
<meta name="article-keyword" content="2902" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadofbelair.org/templates/photogallery_cdo/aid/288327/jewish/Anniversary-Party-Pics.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Anniversary Party Pics" /><link rel="canonical" href="https://www.chabadofbelair.org/templates/photogallery_cdo/aid/288327/jewish/Anniversary-Party-Pics.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/46/rufd464715.jpg" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=20&v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=20&v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=20&v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=20&v=D77AD1C0" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=20&v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?g=20&v=D37C5613" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?g=20&v=1FE80AC1" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?g=20&v=B14CEBA0" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css?g=20&v=F68E803F" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=20&v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/photogallery.css?g=20&v=7B1FDC29" id="kphotogallery" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?g=20&v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?g=20&v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?g=20&v=14B88022" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?g=20&v=E699B0F3" id="k4" type="text/css"/> <![endif]-->
<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="Chabad of Bel Air " />

<title>
	Anniversary Party Pics
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2005-06-06","primaryArticleId":288327,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Anniversary Party Pics","siteName":"Chabad of Bel Air "},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":36,"hebrewDate":"5786-03-11"}});
		dataLayer.push({ 'articleHierarchy': '-64335-64339-288327-', 'keywords': '-k2898-k2170-k6760-k2902-', 'k': '-64335-64339-288327--k2898-k2170-k6760-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 = 1076024;var sc_partition = 1;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "7fdc003e";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c2.statcounter.com/counter.php?sc_project=1076024&amp;java=0&amp;security=7fdc003e&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Cal+Sans&family=Caprasimo&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Londrina+Solid:wght@100;300;400;900&display=swap" rel="stylesheet">



<style>
@media only screen and (min-width: 600px) {
#Performances > div.regular.small_top_margin::after{
content: "\A After you complete your choice of service and seats, scroll down to to end of the page to submit your reservations";
font-size: 18px;
white-space: pre;
color: #333;
font-weight: bold;
padding-bottom:20px;
}}
</style>
<style>
@media only screen and (max-width: 600px) {
#Performances > div.regular.small_top_margin::after{
content: "\A After you complete your choice of service and seats, \A scroll down to to end of the page to submit your reservations";
font-size: 15px;
white-space: pre;
color: #333;
font-weight: bolder;
padding-bottom:20px;
  }
}
</style>
 


<script>
(function() {
    // 0. URL CHECK
    if (!window.location.href.includes("Templates/ArticleCcoResponse_cdo/aid/7175396")) {
        return;
    }

    // --- CONFIGURATION ---
    const GOOGLE_SCRIPT_URL = "https://script.google.com/macros/s/AKfycbzvu_ThKzlK6ADLsI9AtRuN62mYaPY3V_BBK5pMEP6SVYyNMd70qVntfSGJjZzU6pn67w/exec"; 
    
    console.log("Scraper Script Loaded. Waiting for table...");

    // 1. Helper to clean text
    function cleanText(text) {
        if (!text) return "";
        return text.replace(/[\r\n]+/g, " ").trim();
    }

    // 2. Helper to get all table data
    function getTableData() {
        let data = {};
        let rows = document.querySelectorAll('table.response_table tr');
        rows.forEach(row => {
            let labelCell = row.querySelector('td.field_name');
            let valueCell = row.querySelector('td.field_value');
            if (labelCell && valueCell) {
                let key = cleanText(labelCell.innerText).toLowerCase();
                let val = cleanText(valueCell.innerText);
                data[key] = val;
            }
        });
        return data;
    }

    // 3. Helper to extract numbers
    function extractAmount(str) {
        if (!str) return 0;
        let cleaned = str.replace(/[^0-9.]/g, ''); 
        let val = parseFloat(cleaned);
        return isNaN(val) ? 0 : val;
    }

    // 4. Tier Calculation Logic
    function calculateTierFromAmount(amount) {
        // Any amount $1000 OR MORE is Chai Benefactor
        if (amount >= 1000) return "Chai Benefactor";
        if (amount >= 770)  return "Chai Pillar";
        if (amount >= 500)  return "Chai Platinum";
        if (amount >= 360)  return "Chai Gold";
        if (amount >= 180)  return "Chai Silver";
        if (amount >= 100)  return "Chai Bronze";
        return "Chai Partner"; // Fallback for amounts < 100
    }

    // --- MAIN LOGIC ---
    function tryScrape() {
        let data = getTableData();
        
        // CHECK: Do we have the Submission ID yet?
        let submissionId = data["submission id"];
        if (!submissionId) {
            return false; // Table not loaded yet, keep waiting
        }

        // CHECK: Duplicates
        if (localStorage.getItem("scraped_" + submissionId)) {
            console.warn("STOPPING: Already processed ID " + submissionId);
            return true; // Stop retrying, we are done
        }

        console.log("Table found! Processing...");

        // A. NAME & ANONYMOUS LOGIC
        let nameKey = Object.keys(data).find(k => k.includes("name to be displayed"));
        let originalName = nameKey ? data[nameKey] : "Anonymous";
        let finalName = "Anonymous"; // Default to Anonymous to be safe
        
        // Check for "checkbo 7" (specific spelling) or "donate anonymously" label
        let anonKey = Object.keys(data).find(k => k.includes("checkbo7") || k.includes("donate anonymously"));
        let anonValue = anonKey ? data[anonKey] : "";
        
        // UPDATED LOGIC: 
        // If it explicitly says "No (Unchecked)", we SHOW the name.
        // Otherwise (Checked, Yes, etc.), we hide it.
        if (anonValue && anonValue.toLowerCase().includes("no (unchecked)")) {
            finalName = originalName;
        } else {
            // It is checked, or explicitly anonymous
            finalName = "Anonymous";
        }

        // B. LEVEL LOGIC
        let tierKey = Object.keys(data).find(k => k.includes("choose a tier"));
        let tierValue = tierKey ? data[tierKey] : "";
        
        let amount = extractAmount(tierValue);
        
        // If 0, try Total/Paid fields
        if (amount === 0) {
            let totalKey = Object.keys(data).find(k => k.includes("total amount") || k.includes("paid"));
            if (totalKey) {
                amount = extractAmount(data[totalKey]);
            }
        }

        // CHECK: SKIP IF LESS THAN 100
        if (amount < 100) {
            console.log(`Skipping submission ID ${submissionId} - Amount ($${amount}) is less than $100.`);
            // Mark as processed so we don't keep trying to find/send it
            localStorage.setItem("scraped_" + submissionId, "true"); 
            return true; // Return true to stop the retry interval
        }

        let level = calculateTierFromAmount(amount);

        // C. DATE LOGIC (Month Year)
        let dateKey = Object.keys(data).find(k => k.includes("submission date"));
        let dateStr = dateKey ? data[dateKey] : "";
        let finalDate = "";

        if (dateStr) {
            let dateObj = new Date(dateStr);
            if (!isNaN(dateObj.getTime())) {
                // Formatting: "December 2025"
                let month = dateObj.toLocaleString('default', { month: 'long' });
                let year = dateObj.getFullYear();
                finalDate = `${month} ${year}`;
            } else {
                finalDate = dateStr;
            }
        }

        // SEND
        console.log(`Sending: ${finalName} | ${level} | ${finalDate}`);
        
        fetch(GOOGLE_SCRIPT_URL, {
            method: "POST",
            mode: "no-cors",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify({ name: finalName, level: level, month: finalDate })
        })
        .then(() => {
            localStorage.setItem("scraped_" + submissionId, "true");
            console.log("%c SUCCESS! Data sent.", "background: #4CAF50; color: #fff;");
        })
        .catch(err => console.error("Error:", err));

        return true; // Success, stop retrying
    }

    // --- RETRY LOOP ---
    // Check every 500ms for the table
    let attempts = 0;
    let interval = setInterval(() => {
        attempts++;
        let done = tryScrape();
        
        if (done) {
            clearInterval(interval);
        } else if (attempts > 20) { 
            // Stop after 10 seconds (20 attempts)
            console.log("Gave up waiting for table after 10 seconds.");
            clearInterval(interval);
        }
    }, 500);

})();
</script><script>
window.onload = function() { document.querySelectorAll('select[id$="priceCategory"] > option').forEach(function(item) { if (item.text.indexOf("Free")>=0) {item.text = item.text.replace("Free", 0)} });   }
</script><script>
        // Define the target URL
        const targetUrl = 'https://www.chabadofbelair.org/templates/articlecco_cdo/aid/6994437/jewish/High-Holiday-RSVP-Form.htm';

        // Check if the current page's URL matches the target URL
        if (window.location.href === targetUrl) {
            // If the URL matches, create and append the style and script tags
            
            // Create a new style element for the CSS
            const style = document.createElement('style');
            style.textContent = `


                #id_2, #id_3, #id_4, #id_5, #id_6, #id_7, #id_8, #id_9, #id_10, #id_11, #id_12, #id_13 {
                    background-color: #F8EEE3 !important;
                    margin: 0 !important;
                    padding: 10px !important;
                    font-family: 'Anek Devanagari', sans-serif !important;
                }

                #text_1 * {
                    font-family: 'Anek Devanagari', sans-serif !important;
                }

                #label_8 > label:nth-child(1) {
                    color: #943D42 !important;
                }
.form-label-left label {
    font-family: 'Anek Devanagari' !important;
}

span {
    font-family: 'Anek Devanagari' !important;
}
.co_body .content .form-all .form-submit-button {
    background: #943D42 !important;}
            `;
            document.head.appendChild(style);

            // This script will execute only if the URL check is true
            document.addEventListener('DOMContentLoaded', function() {
                // Select all the elements with the class 'form-checkbox-item'
                const items = document.querySelectorAll('.form-checkbox-item');

                // Define the two colors you want to alternate
                const color1 = '#39455F';
                const color2 = '#943D42';

                // Loop through each of the found items
                items.forEach((item, index) => {
                    // Find the <label> element inside the current item
                    const label = item.querySelector('label');

                    // Check if a label exists to avoid errors
                    if (label) {
                        // Check if the index is even or odd. 
                        // The first item is index 0 (even).
                        if (index % 2 === 0) {
                            // This is an odd-numbered item (1st, 3rd, 5th...)
                            label.style.color = color1;
                        } else {
                            // This is an even-numbered item (2nd, 4th, 6th...)
                            label.style.color = color2;
                        }
                    }
                });
            });
        }
    </script><script>
(function() {
    // 0. URL CHECK (Commented for preview)
    
    if (window.location.href.indexOf('7175396') === -1) { return; }
    

    console.log("Bel Air Form Script: Initializing...");

    // CONFIGURATION: GOOGLE SHEET
    const GOOGLE_SHEET_CSV_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vT6UAWlBQ13ymkT2vxjdVZTZX-dO5s27Y-OHcsp6CTQHBayiTQs5lrYFXGmxNgibKZtdPlpAZN4D0hC/pub?gid=0&single=true&output=csv"; 

    // 1. STYLE INJECTION
    var belairStyles = `
        @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Spectral:wght@300;400;500;600;700;800&family=Commissioner:wght@400;700;800&display=swap');

        /* PAGE BACKGROUND UPDATE: PEACH */
        body { 
            font-family: "Spectral", serif !important; 
            color: rgb(66, 66, 66) !important; 
            margin: 0 !important; 
            background: #ffd6cc !important; 
        }

        .form-label-auto, .form-label-left, .form-label-right, .form-label-top {
            font-family: "Outfit" !important;
            font-size: 18px !important;
            color: rgb(66, 66, 66) !important
        }

        #label_input_7_0 > span{
            font-family: "Outfit" !important;
        }

        /* Default: Hide Mobile images, Show Desktop images */
        .belair-img-mobile { display: none !important; }
        .belair-img-desktop { display: block !important; }

        /* On screens smaller than 768px (Mobile): Hide Desktop, Show Mobile */
        @media only screen and (max-width: 768px) {
            .belair-img-mobile { display: block !important; }
            .belair-img-desktop { display: none !important;}
            .belair-chai-donors-wrapper{ width: 100% !important;}
            .chai-belair-highlight {color: white !important;}
        }

        /* --- NEW CHAI BELAIR STYLES --- */
        .chai-belair-container { max-width: 1000px !important; margin: 0 auto 40px auto !important; width: 100% !important; box-sizing: border-box !important; }
        .chai-belair-row-top { display: flex !important; gap: 20px !important; margin-bottom: 20px !important; align-items: stretch !important; }
        .chai-belair-row-bottom { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 20px !important; }
        
        /* CARD STYLES WITH OUTLINE */
        .chai-belair-card { 
            border-radius: 15px !important; 
            padding: 30px !important; 
            box-sizing: border-box !important; 
            /* Blue Outline Effect */
            box-shadow: 5px 5px 0px #78AEFF !important;
            border: 2px solid #78AEFF !important;
        }
        
        .chai-belair-bg-blue { background-color: #095997 !important; color: #ffffff !important; }
        .chai-belair-bg-white { background-color: #ffffff !important; color: #333333 !important; }
        
        /* HEARTBEAT CARD SPECIFIC BACKGROUND */
        #row-2 { background-color: #F57658 !important; }

        .chai-belair-gift-card { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 45% !important; }
        .chai-belair-gift-icon-wrapper { margin-right: 20px !important; border-right: 2px solid rgba(255, 255, 255, 0.3) !important; padding-right: 20px !important; }
        .chai-belair-icon-gift { width: 80px !important; height: auto !important; display: block !important; }
        .chai-belair-title { font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 28px !important; line-height: 1.2 !important; margin: 0 !important; color: #ffffff !important; }
        .chai-belair-text-card { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; font-family: 'Spectral', serif !important; font-size: 17px !important; line-height: 1.5 !important; text-align: left !important; }
        .chai-belair-text-card p { margin-bottom: 15px !important; margin-top: 0 !important; }
        .chai-belair-text-card p:last-child { margin-bottom: 0 !important; }
        .chai-belair-text-bold { font-weight: 700 !important; }
        .chai-belair-feature-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; min-height: 200px !important; }
        .chai-belair-icon-feature { height: 60px !important; width: auto !important; margin-bottom: 20px !important; object-fit: contain !important; }
        .chai-belair-feature-text { font-family: 'Commissioner', sans-serif !important; font-size: 18px !important; line-height: 1.4 !important; margin: 0 !important; color: #5d7aa6 !important; }
        .chai-belair-bg-blue .chai-belair-feature-text { color: #ffffff !important; }
        .chai-belair-highlight { color: #3065B4; font-weight: 700 !important; }
        .chai-belair-highlight-white { color: #ffffff; font-weight: 700 !important; }

        @media (max-width: 768px) {
            .chai-belair-row-top { flex-direction: column !important; }
            .chai-belair-gift-card { flex: auto !important; justify-content: flex-start !important; }
            .chai-belair-row-bottom { grid-template-columns: 1fr !important; }
            #id_5 .form-sub-label-container {width: 45% !important;}
        }

        /* --- WRAPPER BOX STYLE (The Form) --- */
        .belair-white-box {
            background-color: #FFE8E2 !important; /* LIGHT PEACH BACKGROUND */
            border-radius: 15px !important;
            padding: 40px !important;
            max-width: 1000px !important; 
            margin: 0 auto 40px auto !important;
            box-sizing: border-box !important;
        }

        /* --- HEADER & NAV STYLES --- */
        .belair-chai-container { font-family: "Spectral", serif !important; color: rgb(66, 66, 66) !important; width: 100% !important; margin: 0 auto !important; background-color: transparent !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
        .belair-chai-nav { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0px !important; width: 100% !important; max-width: 1000px !important; box-sizing: border-box !important; }
        .belair-chai-nav-left { display: flex !important; align-items: center !important; }
        .belair-chai-nav-logo-top { height: 60px !important; width: auto !important; object-fit: contain !important; }
        .belair-chai-nav-right { display: flex !important; gap: 30px !important; align-items: center !important; }
        .belair-chai-nav-item { font-size: 20px !important; font-weight: 300 !important; text-transform: capitalize !important; cursor: pointer !important; white-space: nowrap !important; transition: color 0.3s !important; }
        .belair-chai-nav-item:hover { color: #3065B4 !important; }

        /* HEADER TEXT UPDATE (CHAI PARTNER) */
        .belair-chai-title-wrapper { 
            display: flex !important; 
            flex-direction: column !important; 
            justify-content: center !important; 
            line-height: 0.9 !important; 
            text-align: left !important; 
        }
        .belair-chai-title-chai { 
            font-family: 'Commissioner', sans-serif !important;
            font-size: 140px !important; 
            font-weight: 800 !important; 
            color: #095997 !important; /* DARK BLUE */
            text-transform: uppercase !important; 
            /* BLUE STROKE/OUTLINE TEXT */
          text-shadow: 5px 5px 0px #78AEFF !important;
        }
        .belair-chai-title-club { 
            font-family: 'Commissioner', sans-serif !important;
            font-size: 160px !important; 
            font-weight: 800 !important; 
            color: #F57658 !important; /* ORANGE/CORAL */
            text-transform: uppercase !important; 
            letter-spacing: -2px !important; 
            margin-left: 0 !important;
            line-height: 0.8 !important;
            text-shadow: 5px 5px 0px #78AEFF !important;
        }

        /* HERO IMAGE HEIGHT */
        .belair-chai-hero-image { 
            width: 100% !important; 
            max-width: 1000px !important; 
            max-height: 650px !important; 
            overflow: hidden !important; 
            margin-bottom: 40px !important; 
            padding: 0 !important; 
            box-sizing: border-box !important; 
        }
        .belair-chai-hero-image img { 
            width: 100% !important; 
            height: 100% !important; 
            object-fit: cover !important; 
            display: block; 
            border-radius: 8px !important;
        }

        .belair-chai-header-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 40px !important; text-align: center !important; }
        .belair-chai-top-text { font-size: 30px !important; font-weight: 500 !important; letter-spacing: 0.1em !important; color: rgb(66, 66, 66) !important; text-transform: capitalize !important; margin-bottom: 20px !important; }
        .belair-chai-title-section { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; padding: 0 20px !important; }
        .belair-chai-logo-img { width: 240px !important; height: auto !important; object-fit: contain !important; }
        
        .belair-chai-cta-container { margin-bottom: 60px !important; }
        .belair-chai-cta-btn-large { font-size: 28px !important; padding: 15px 40px !important; } 

        /* --- BUTTONS --- */
        .belair-btn-blue {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            background-color: #3065B4 !important;
            color: #fff !important;
            padding: 10px 24px !important;
            border-radius: 50px !important;
            font-weight: 600 !important;
            font-size: 18px;
            cursor: pointer !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            border: 2px solid #3065B4 !important;
            transition: all 0.3s ease !important;
            font-family: "Spectral", serif !important;
        }
        .belair-btn-blue:hover { background-color: #fff !important; color: #3065B4 !important; }
        .belair-btn-blue svg { fill: #fff !important; width: 18px !important; height: 18px !important; }
        .belair-btn-blue:hover svg { fill: #3065B4 !important; }

        /* --- DONORS SECTION UPDATES --- */
        .belair-chai-donors-wrapper { 
            width: 1000px ; 
            background-color: #095997 !important; /* DARK BLUE BG */
            padding: 60px 0 !important; 
            border-top: 1px solid #eee !important; 
            display: flex !important; 
            flex-direction: column !important; 
            align-items: center !important; 
            text-align: center !important; 
            scroll-margin-top: 80px !important;
            border-radius: 15px !important;
        }
        
        .belair-chai-partners-title { 
            font-size: 80px !important; 
            margin-bottom: 15px !important; 
            display: flex !important;
            align-items: baseline !important;
            gap: 10px !important;
            line-height: 1 !important;
            font-family: 'Commissioner', sans-serif !important;
        }
        .word-chai {
            font-weight: 800 !important;
            color: #EBBCC1 !important; /* PINK COLOR */
            text-transform: uppercase !important;
        }
        .word-partners {
            font-weight: 300 !important;
            color: #EBBCC1 !important; /* PINK COLOR */
            text-transform: uppercase !important;
        }
        .belair-chai-partners-logo { width: 60px !important; margin-bottom: 10px !important; height: auto !important; }

        .belair-chai-thank-you {
            font-size: 22px !important;
            font-weight: 400 !important;
            color: #fff !important; 
            margin-bottom: 10px !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            font-family: "Spectral", serif !important;
        }
        .thank-you-header-heart {
            height: 30px !important;
            width: 30px !important;
            margin-right: 10px !important;
            fill: #EBBCC1 !important; /* PINK HEART */
        }

        .belair-chai-active-count {
            font-size: 18px !important;
            font-weight: 300 !important;
            color: #FFD0D5 !important; /* LIGHT PINK */
            margin-bottom: 40px !important;
        }

        /* DONOR GRID */
        .belair-chai-donors-grid {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            width: 100% !important;
            max-width: 900px !important;
            padding: 0 !important;
            box-sizing: border-box !important;
        }

        /* DONOR CARD STYLES */
        .belair-chai-donor-card {
            background-color: #FFE9EB !important; /* PINKISH BG */
            border-radius: 5px !important; 
            padding: 25px 20px !important;
            min-height: 120px !important;
            text-align: left !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
            box-shadow: none !important;
            border: 3px solid #e6bbae !important; 
        }
        
        .belair-chai-card-top { margin-bottom: 15px !important; }
        
        .belair-chai-name-row {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            margin-bottom: 5px !important;
        }
        
        .belair-chai-name { 
            font-size: 20px !important; 
            font-weight: 700 !important; 
            color: rgb(57, 57, 57) !important; 
            line-height: 1.2 !important;
        }
        
        .belair-chai-card-divider {
            width: 100% !important;
            height: 1px !important;
            background-color: rgba(178, 95, 50, 0.2) !important;
            margin: 10px 0 !important;
        }
        
        .belair-chai-level { 
            font-size: 13px !important; 
            text-transform: uppercase !important; 
            color: rgb(100, 100, 100) !important; 
            letter-spacing: 0.5px !important;
        }
        
        .belair-chai-card-bottom { 
            font-size: 12px !important; 
            font-weight: 600 !important; 
            color: rgb(167, 167, 167) !important; 
            display: flex !important;
            align-items: center !important;
            gap: 5px !important;
        }
        
        .donor-card-heart svg {
            width: 14px !important;
            height: 14px !important;
        }

        /* VIEW ALL BUTTON */
        .belair-view-all-container {
            width: 100% !important;
            display: flex !important;
            justify-content: center !important;
            margin-top: 30px !important;
        }
        .belair-view-all-btn {
            background: transparent !important;
            border: 1px solid #fff !important; 
            color: #fff !important;
            padding: 10px 30px !important;
            border-radius: 50px !important;
            font-family: "Outfit", sans-serif !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            font-size: 14px !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }
        .belair-view-all-btn:hover {
            background: #fff !important;
            color: #C95E25 !important;
        }
        
        /* --- GENERAL FORM OVERRIDES --- */
        .form-line { padding: 15px 0 !important; margin: 0 auto !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; }
        
        .form-label, .form-sub-label { 
            font-family: "Outfit", sans-serif !important; 
            font-size: 16px !important; 
            font-weight: 300 !important; 
            color: #777 !important; 
            margin-bottom: 8px !important; 
            display: block !important; 
            width: 100% !important; 
            text-align: left !important;
            float: none !important;
        }
        
        .form-address-table th { display: table-cell !important; color: #777 !important; font-weight: 600 !important; padding-bottom: 10px !important; text-align: left !important; }

        .form-textbox, .form-dropdown, .form-textarea { 
            width: 100% !important; 
            max-width: 100% !important; 
            padding: 12px 15px !important; 
            border: 1px solid #ddd !important; 
            border-radius: 6px !important; 
            font-family: "Outfit", sans-serif !important; 
            font-size: 16px !important; 
            box-sizing: border-box !important; 
            transition: border-color 0.3s !important; 
            background-color: #f9f9f9 !important; 
        }
        .form-textbox:focus, .form-dropdown:focus { 
            border-color: #3065B4 !important; 
            outline: none !important; 
            background-color: #fff !important; 
        }

        /* --- TIER SECTION STYLES --- */
        #cid_3 .form-single-column {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            width: 100% !important;
        }

        #label_3 {
            float: none !important;
            display: block !important;
            width: 100% !important;
            text-align: center !important;
            margin-bottom: 20px !important;
        }
        li#id_3 {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
        }

        .tier-card {
            position: relative !important;
            border-radius: 12px !important;
            padding: 20px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 180px !important;
            cursor: pointer !important;
            transition: transform 0.2s !important;
            box-sizing: border-box !important;
            margin-bottom: 0 !important;
            width: 100% !important;
            /* Default borders */
            border-width: 3px !important;
            border-style: solid !important;
        }

        .form-submit-button {box-shadow: unset !important;}
        .tier-card:hover { transform: translateY(-3px) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important; }

        /* ORANGE TIER CARD UPDATE (#F57658) */
        .tier-card-orange { 
            border: 2px solid #F57658 !important; 
            background-color: #FFF5F2 !important; 
        }
        
        /* BLUE TIER CARD UPDATE (#095997) */
        .tier-card-blue { 
            border: 2px solid #095997 !important; 
            background-color: #E6F1FA !important; 
        }
        
        .tier-card-orange .tier-price { color: #F57658 !important; }
        .tier-card-blue .tier-price { color: #095997 !important; }

        .tier-card-orange:hover { 
            background-color: #FFE9EB !important; 
            border: 2px solid #F57658 !important; 
        }

   .tier-card-orange.tier-selected { 
            background-color: #FFE9EB !important; 
            border: 4px solid #F57658 !important; 
        }
        .tier-card-blue:hover { 
            background-color: #D6E8F8 !important; 
            border: 2px solid #095997 !important; 
        }
 .tier-card-blue.tier-selected { 
            background-color: #D6E8F8 !important; 
            border: 4px solid #095997 !important; 
        }
        .tier-card-other { grid-column: 1 / -1 !important; margin-top: 10px !important; }
        .tier-card-other .tier-card-content { flex-direction: row !important; gap: 15px !important; justify-content: center !important;  height: 5em !important;}
        .tier-card-other .tier-name { margin-bottom: 0 !important; white-space: nowrap !important; }
        .tier-other-wrapper { width: auto !important; flex-grow: 1 !important; max-width: 300px !important; }
        .tier-card input[type="text"], .tier-card input[type="number"] { width: 100% !important; }

        /* Custom Radio Buttons */
        .tier-card input[type="radio"] { 
            appearance: none !important;
            width: 24px !important;
            height: 24px !important;
            border-radius: 50% !important;
            border: 2px solid #ccc !important;
            background: #fff !important;
            cursor: pointer !important;
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
        }
        .tier-card-orange input[type="radio"]:checked {
            background-color: #F57658 !important;
            border-color: #F57658 !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
        }
        .tier-card-blue input[type="radio"]:checked {
            background-color: #095997 !important;
            border-color: #095997 !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
        }

        .tier-card-content { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; text-align: center !important; }
        
        /* UPDATED TIER FONTS: Name medium, Price extra bold */
        .tier-name { 
            font-size: 18px !important; 
            font-weight: 600 !important; /* Reduced to Medium/Semi-Bold */
            margin-bottom: 10px !important; 
            color: #333 !important; 
            text-transform: uppercase !important; 
            letter-spacing: 0.5px !important; 
            font-family: "Spectral", serif !important; 
        }
        .tier-line { width: 80% !important; height: 1px !important; background-color: rgba(0,0,0,0.1) !important; margin: 10px 0 !important; }
        .tier-price { 
            font-size: 16px !important; 
            font-weight: 800 !important; /* UPDATED to EXTRA BOLD */
            color: #555 !important; 
            font-family: "Spectral", serif !important; 
        }
        
        .tier-main-title { font-size: 26px !important; font-weight: 800 !important; color: rgb(66, 66, 66) !important; margin-bottom: 5px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
        .tier-sub-title { font-size: 18px !important; font-weight: 400 !important; color: #666 !important; margin-bottom: 25px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
        .tier-other-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 0 !important; }
        .tier-currency { font-size: 18px !important; font-weight: 600 !important; margin-right: 2px !important; color: #3065B4 !important; }
        
        #cid_3 br, #cid_3 .clearfix { display: none !important; }

        /* --- PAYMENT SECTION SPECIFIC STYLES --- */
        #header_4 {
            text-align: center !important;
            font-size: 32px !important;
            color: rgb(66, 66, 66) !important;
            font-family: "Spectral", serif !important;
            font-weight: 700 !important;
            margin: 10px 0 20px 0 !important;
            position: relative !important;
            padding-bottom: 15px !important;
            display: block !important;
        }
        
        #id_5 .form-sub-label-container { width: 49%; display: inline-block !important; }
        #id_5 .form-sub-label-container:first-child { margin-right: 1% !important; }
        #id_5 [data-type="control_fullname"] { display: flex !important; gap: 10px !important; }
        
        #id_5 .form-label-left, #id_6 .form-label-left, #id_8 .form-label-left {
            float: none !important;
            display: block !important;
            text-align: left !important;
        }
        #id_5 .form-input, #id_6 .form-input, #id_8 .form-input {
            margin-left: 0 !important;
            width: 100% !important;
        }
        
        #cid_11 { background: #fff !important; border: 1px solid #ddd !important; border-radius: 8px !important; padding: 20px !important; margin-top: 10px !important; }
        .form-address-table { display: block !important; width: 100% !important; }
        .form-address-table tbody { display: block !important; width: 100% !important; }
        .form-address-table tr { display: flex !important; flex-wrap: wrap !important; width: 100% !important; margin-bottom: 15px !important; }
        .form-address-table td { padding: 0 !important; width: 100% !important; display: block !important; }
        .cc-field-wrapper { width: 100% !important; margin-bottom: 15px !important; }
        .cc_name_on_card { width: 100% !important; margin-bottom: 15px !important; }
        tr.credit_card:last-of-type { display: flex !important; flex-direction: row !important; gap: 10px !important; }
        tr.credit_card:last-of-type > td { width: auto !important; flex: 1 !important; }
        .cc_ccv { width: auto !important; flex: 1 !important; }
        
        /* TOTAL AMOUNT BOX */
        #id_9 { 
            padding: 20px !important; 
            margin-top: 20px !important; 
            width: 100% !important; 
            display: flex !important; 
            flex-direction: column !important; 
            align-items: center !important; 
            background-color: #F6F6F6 !important;
            border: 1px solid #D8D8D8 !important;
            border-radius: 8px !important;
            box-sizing: border-box !important;
        }
        .total-row-inner { display: flex !important; justify-content: space-between !important; width: 100% !important; align-items: center !important; }
        
        #label_9 { font-family: "Outfit", sans-serif !important; font-size: 16px !important; color: rgb(66, 66, 66) !important; margin: 0 !important; }
        #total_amount { font-size: 24px !important; font-weight: 700 !important; color: #3065B4 !important; display: flex !important; align-items: baseline !important; font-family: "Outfit", sans-serif !important; }
        #total_amount:after { content: "/Month" !important; font-size: 16px !important; color: #777 !important; font-weight: 400 !important; margin-left: 5px !important; text-transform: capitalize !important; } /* Not bold per request */
        #div_offset_gift_9 { display: block !important; width: 100% !important; margin-top: 5px !important; text-align: center !important; }

        /* --- SUBMIT BUTTON --- */
        #id_2 { margin-top: 20px !important; padding-bottom: 20px !important; }
        #input_2 {
            width: 100% !important;
            background-color: #3065B4 !important;
            color: #fff !important;
            font-family: "Spectral", serif !important;
            font-size: 22px !important;
            padding: 15px 25px !important;
            border-radius: 50px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 15px !important;
            position: relative !important;
            cursor: pointer !important;
            border: 2px solid #3065B4 !important;
            transition: all 0.3s ease !important;
        }
        /* UPDATED HOVER STATE FOR SUBMIT BUTTON */
        #input_2:hover {
            background-color: #ffffff !important;
            color: #3166b5 !important;
            border-color: #3166b5 !important;
        }
        /* Target SVG inside on hover */
        #input_2:hover .belair-submit-arrow svg {
            fill: #3166b5 !important;
            transition: fill 0.3s ease !important;
        }

        @media (max-width: 768px) {
            .belair-chai-nav { display: none !important; flex-direction: column !important; padding: 10px !important; }
            .belair-chai-nav-right { flex-direction: column !important; gap: 15px !important; margin-top: 15px !important; }
            .belair-white-box { padding: 20px !important; }
            
            #row-1, #row-3 { background-color: #3065B4 !important;}
            .chai-belair-feature-text{ color: white !important;}
            /* Mobile specific override for row-2 */
            #row-2{ background-color: #F57658 !important;}
            

            .belair-chai-partners-title {
                font-size: 45px !important;}

            .belair-chai-logo-img {
                width: 120px !important;}

            .belair-chai-title-club {
                font-size: 80px !important;}
            .belair-chai-title-chai {
                font-size: 70px !important;}
            
            /* MOBILE GRIDS: 2 CARDS IN A ROW */
            .belair-chai-donors-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
            .belair-chai-donors-grid{ width: 95% !important;} 
            
            #cid_3 .form-single-column { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
            .tier-card-other { grid-column: 1 / -1 !important; }
            
            #id_9 { flex-direction: column !important; align-items: center !important; }
        }

        /* --- SCROLL ANIMATION STYLES (NEW) --- */
        .belair-animate-hidden {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            will-change: opacity, transform;
        }
        .belair-animate-visible {
            opacity: 1;
            transform: translateY(0);
        }
    `;

    // Inject the styles
    var styleSheet = document.createElement("style");
    styleSheet.innerText = belairStyles;
    document.head.appendChild(styleSheet);


    // 2. LOGIC: INJECT SVGS INTO HTML
    // ----------------------------
    function injectSVGs() {
        // SVG ARROW
        const ARROW_SVG = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="#ffffff">
            <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/>
        </svg>`;
        
        // 1. Inject Arrows
        const arrowTargets = document.querySelectorAll('.box-arrow-target');
        arrowTargets.forEach(el => { el.innerHTML = ARROW_SVG; });

        // 2. Submit Button Arrow
        const submitBtn = document.getElementById('input_2');
        if(submitBtn && !submitBtn.querySelector('.belair-submit-arrow')) {
            const arrowDiv = document.createElement('div');
            arrowDiv.className = 'belair-submit-arrow'; 
            arrowDiv.style.marginLeft = "12px";
            arrowDiv.style.display = "flex";
            arrowDiv.style.alignItems = "center";
            arrowDiv.innerHTML = ARROW_SVG;
            const overrideStyle = document.createElement('style');
            overrideStyle.innerHTML = `#input_2::after { display: none !important; content: none !important; }`;
            document.head.appendChild(overrideStyle);
            submitBtn.appendChild(arrowDiv);
        }
        
        // --- SCROLL LISTENERS ---
        function scrollToTiers() {
            var formStart = document.getElementById('id_3');
            if(formStart) formStart.scrollIntoView({behavior: 'smooth'});
            // If checking for cid_3
            else {
                 var cid3 = document.getElementById('cid_3');
                 if(cid3) cid3.scrollIntoView({behavior: 'smooth'});
            }
        }

        var joinButtons = document.querySelectorAll('.nav-join-action');
        joinButtons.forEach(function(btn) {
            btn.addEventListener('click', function(e) {
                e.preventDefault();
                scrollToTiers();
            });
        });
    }

    // 3. LOGIC: FETCH AND RENDER DONORS
    // ---------------------------------
    function fetchAndRenderDonors() {
        const grid = document.getElementById('belair-chai-donors-grid');
        const countDisplay = document.getElementById('donor-count-display');
        const viewAllBtn = document.getElementById('btn-view-all-donors');
        
        if (!grid) return;

        // DEFINED BOTH COLORS FOR ALTERNATING: Orange/Coral and Blue
        const HEART_ORANGE = `<svg viewBox="0 0 24 24" style="fill:#F57658"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>`;
        const HEART_BLUE = `<svg viewBox="0 0 24 24" style="fill:#095997"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>`;

        function csvToArray(str, delimiter = ",") {
            const headers = str.slice(0, str.indexOf("\n")).split(delimiter).map(h => h.trim());
            const rows = str.slice(str.indexOf("\n") + 1).split("\n");
            return rows.map(function (row) {
                const values = row.split(delimiter);
                const el = headers.reduce(function (object, header, index) {
                    object[header] = values[index] ? values[index].trim() : "";
                    return object;
                }, {});
                return el;
            });
        }

        function renderCards(data) {
            // FILTER: Remove donors with "No Category" before rendering
            var filteredData = data.filter(function(donor) {
                // Get the raw value
                var rawLevel = donor['Level'] || donor['Category'] || "";
                
                // Clean it: Remove quotes if present (e.g. "No Category"), trim whitespace, and make lowercase
                var cleanLevel = rawLevel.replace(/^"|"$/g, '').trim().toLowerCase();
                
                // Filter out if it matches "no category"
                return cleanLevel !== 'no category';
            });

            grid.innerHTML = "";
            countDisplay.innerText = `${filteredData.length} active partners`;

            if (filteredData.length <= 9) { viewAllBtn.style.display = 'none'; } 
            else { viewAllBtn.style.display = 'flex'; }

            let showCount = 9;
            let isExpanded = false;

            function draw(limit) {
                grid.innerHTML = ""; 
                filteredData.forEach((donor, index) => {
                    if (index >= limit && limit !== -1) return;
                    
                    // LOGIC FOR ALTERNATING COLORS
                    let heartIcon = (index % 2 === 0) ? HEART_ORANGE : HEART_BLUE;
                    
                    let name = donor['Name'] || donor['name'] || "Anonymous";
                    
                    // CLEAN LEVEL FOR DISPLAY
                    let rawLevel = donor['Level'] || donor['Category'] || "Chai Partner";
                    let level = rawLevel.replace(/^"|"$/g, '').trim(); // Clean quotes for display too
                    
                    let date = donor['Since'] || donor['Date'] || "Nov 2025";

                    let card = document.createElement('div');
                    card.className = 'belair-chai-donor-card';
                    card.innerHTML = `
                        <div class="belair-chai-card-top">
                            <div class="belair-chai-name-row">
                                <div class="belair-chai-name">${name}</div>
                            </div>
                            <div class="belair-chai-level">${level}</div>
                        </div>
                        <div class="belair-chai-card-divider"></div>
                        <div class="belair-chai-card-bottom">
                            <div class="donor-card-heart">${heartIcon}</div>
                            Partner since ${date}
                        </div>
                    `;
                    grid.appendChild(card);
                });
            }

            draw(showCount);

            // CHANGED: Prevent default submit behavior
            viewAllBtn.addEventListener('click', function(e) {
                e.preventDefault(); 
                if (!isExpanded) {
                    draw(-1); 
                    viewAllBtn.innerHTML = `Show Less <span class="arrow-up"></span>`;
                    isExpanded = true;
                } else {
                    draw(showCount); 
                    viewAllBtn.innerHTML = `View All <span class="arrow-down"></span>`;
                    // Prevent scroll jumping by NOT calling scrollIntoView, or calling it carefully
                    // user asked to "stay in place"
                    isExpanded = false;
                }
            });
        }

        if (GOOGLE_SHEET_CSV_URL && GOOGLE_SHEET_CSV_URL.startsWith('http')) {
            fetch(GOOGLE_SHEET_CSV_URL)
                .then(response => response.text())
                .then(text => {
                    const data = csvToArray(text);
                    renderCards(data);
                })
                .catch(err => { console.error("Error fetching sheet:", err); });
        }
    }


    // 4. WRAP FORM
    function wrapFormContent() {
        var startElement = document.getElementById('id_3');
        var endElement = document.getElementById('id_2');
        if (startElement && endElement) {
            var parent = startElement.parentNode;
            var wrapper = document.createElement('div');
            wrapper.className = 'belair-white-box';
            parent.insertBefore(wrapper, startElement);
            var current = startElement;
            var elementsToMove = [];
            while (current) {
                elementsToMove.push(current);
                if (current === endElement) break;
                current = current.nextElementSibling;
            }
            elementsToMove.forEach(function(el) { wrapper.appendChild(el); });
        }
    }

    // 5. RESTRUCTURE TIERS
    function restructureTierSection() {
        var headerLabelContainer = document.querySelector('#label_3');
        var headerLabel = headerLabelContainer ? headerLabelContainer.querySelector('label') : null;
        if (headerLabel) {
            var text = headerLabel.innerHTML; 
            var parts = text.split('/n');
            if (parts.length > 1) {
                headerLabel.innerHTML = `
                    <span class="tier-main-title">${parts[0].trim()}</span>
                    <span class="tier-sub-title">${parts[1].trim()}</span>
                `;
            }
        }
        var container = document.querySelector('#cid_3 .form-single-column');
        if (container) {
            var items = container.querySelectorAll('.form-radio-item');
            items.forEach(function(item, index) {
                item.classList.add('tier-card');
                
                // Add click listener for selection state styling
                item.addEventListener('click', function(e) {
                    items.forEach(i => i.classList.remove('tier-selected'));
                    item.classList.add('tier-selected');
                    
                    if (e.target.tagName === 'INPUT') return;
                    var radio = item.querySelector('input[type="radio"]');
                    if (radio) radio.click(); 
                    var otherInput = item.querySelector('.form-radio-other-input');
                    if (otherInput) otherInput.focus();
                });
                
                // Alternating Logic: Orange vs Blue
                if (index % 2 === 0) item.classList.add('tier-card-orange');
                else item.classList.add('tier-card-blue');

                var isOther = item.querySelector('.form-radio-other'); 
                if (!isOther) {
                    var label = item.querySelector('label');
                    if (label) {
                        var fullText = label.innerText.trim(); 
                        var dollarIndex = fullText.lastIndexOf('$');
                        if (dollarIndex !== -1) {
                            var title = fullText.substring(0, dollarIndex).trim();
                            var price = fullText.substring(dollarIndex).trim();
                            label.innerHTML = `
                                <div class="tier-card-content">
                                    <div class="tier-name">${title}</div>
                                    <div class="tier-line"></div>
                                    <div class="tier-price">${price}</div>
                                </div>
                            `;
                        }
                    }
                } else {
                    item.classList.add('tier-card-other');
                    var contentDiv = document.createElement('div');
                    contentDiv.className = 'tier-card-content';
                    contentDiv.innerHTML = `<div class="tier-name">Other Amount</div>`;
                    var inputWrapper = document.createElement('div');
                    inputWrapper.className = 'tier-other-wrapper';
                    var currencySpan = document.createElement('span');
                    currencySpan.className = 'tier-currency';
                    currencySpan.innerText = '$';
                    inputWrapper.appendChild(currencySpan);
                    var existingInputSpan = item.querySelector('span'); 
                    if (existingInputSpan) inputWrapper.appendChild(existingInputSpan);
                    contentDiv.appendChild(inputWrapper);
                    item.appendChild(contentDiv);
                }
            });
        }
    }

    // 6. ENHANCE PAYMENT
    function enhancePaymentSection() {
        var ccNumber = document.querySelector('[id*="cc_number"]');
        if (ccNumber) ccNumber.placeholder = "0000 0000 0000 0000";
        var ccCvv = document.querySelector('[id*="cc_ccv"]');
        if (ccCvv) ccCvv.placeholder = "CVV";
        
        // TOTAL AMOUNT RESTRUCTURE
        var totalAmountContainer = document.getElementById('id_9');
        if (totalAmountContainer) {
             var label = document.getElementById('label_9');
             var amount = document.getElementById('total_amount');
             if (label && amount) {
                 var wrapper = document.createElement('div');
                 wrapper.className = 'total-row-inner';
                 wrapper.appendChild(label);
                 wrapper.appendChild(amount);
                 totalAmountContainer.insertBefore(wrapper, totalAmountContainer.firstChild);
             }
        }
        
        var expiryRow = document.querySelector('.credit_card:last-of-type'); 
        var cvvInput = document.getElementById('input_11_cc_ccv');
        if (expiryRow && cvvInput) {
            var cvvContainer = cvvInput.closest('td');
            if (cvvContainer && cvvContainer.parentNode !== expiryRow) {
                expiryRow.appendChild(cvvContainer);
            }
        }
    }

    // 7. HIDE MONTHLY
    function handleMonthlyRecurrence() {
        var monthlyCheckbox = document.getElementById('input_10');
        var monthlyRow = document.getElementById('id_10');
        if (monthlyCheckbox) monthlyCheckbox.checked = true;
        if (monthlyRow) {
            monthlyRow.style.display = 'none';
            monthlyRow.style.visibility = 'hidden';
        }
    }

    // 8. ANIMATION LOGIC (INTERSECTION OBSERVER)
    function setupScrollAnimations() {
        // 1. Define the observer options
        const observerOptions = {
            root: null, // viewport
            rootMargin: '0px',
            threshold: 0.1 // Trigger when 10% of the element is visible
        };

        // 2. Create the observer
        const observer = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('belair-animate-visible');
                    observer.unobserve(entry.target); // Stop observing once animated
                }
            });
        }, observerOptions);

        // 3. Define elements to animate
        const targets = [
            '.belair-chai-nav',                 // Navigation
            '.belair-chai-header-wrapper',      // Title
            '.belair-chai-hero-image',          // Hero Image
            '.chai-belair-container',           // Info Cards
            '.belair-chai-donors-wrapper',      // Donor Section
            '#id_3',                            // Tiers Section
            '#id_5',                            // Name Section
            '#cid_11',                          // Credit Card Section
            '#id_9',                            // Total Amount
            '#id_2'                             // Submit Button
        ];

        targets.forEach(selector => {
            const elements = document.querySelectorAll(selector);
            elements.forEach(el => {
                el.classList.add('belair-animate-hidden'); // Set initial hidden state
                observer.observe(el); // Start watching
            });
        });
    }

    function init() {
        injectSVGs();
        handleMonthlyRecurrence();
        fetchAndRenderDonors(); 
        wrapFormContent(); 
        restructureTierSection(); 
        enhancePaymentSection(); 
        
        // Trigger animations last
        setupScrollAnimations();
    }
    
    window.addEventListener('load', init);
    if (typeof jQuery !== 'undefined') { jQuery(document).ready(init); }

})();
</script></head>
<body class="lang_en dir_ltr cco_body sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>ChabadofBelAir.org</b>
</div>
	<div id="header">
		<div class="wrapper header-wrapper">
			
			


<div id="header_container" class="header_container">
	<div class="clearfix links">
		<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
		<div class="float_right">
			
			
				<div class="topBarLink cco_topbar_link ask_the_rabbi_link">
					<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm">Ask the Rabbi</a>
				</div>
				
			
				<div id="HeaderSubscribe" class="top_bar_item topBarLink cco_topbar_link subscribe_link">Subscribe
					<div id="HeaderSubscribeContainer" class="topBarLayer" style="display:none;width:295px;">
						<div id="SubscribeFormContainer">
							<span id="SubscribeMessage" class="error" style="display:none;"></span>
							<form name="topSubscribe8660247936" class="subscribe_box" target="" action="" method="get" onsubmit="return submitHeaderSubscribe(this, document.getElementById('8660247936FormContainer'), document.getElementById('8660247936ResponseContainer'));">



<script>
	var recaptchaIsEnterprise = false;
		 var recaptchaV2Key = "6LcG_TcUAAAAAKAVgwgW39ujc9OCjXSoQYFIA-Su";

</script>

	<input type="hidden" class="js-recaptcha-input" name="cdo-captcha-response" value="" data-div-id="3d3648fb-9636-41f4-91e4-2f95308ccf5d" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="3d3648fb-9636-41f4-91e4-2f95308ccf5d"></div>	

<div class="container horizontal_padding" id="8660247936Container">
<div style="margin:10px 0;">
<div class="co_form_container" id="8660247936FormContainer">
<input type="text" maxlength="50" class="co_global_input float_left medium_bottom_margin" value="" required="" display_name="First Name" id="Fname" name="fname" placeholder="First Name">
<input type="text" maxlength="50" class="co_global_input float_right medium_bottom_margin" value="" required="" display_name="Last Name" id="Lname" name="lname" placeholder="Last Name">
<div class="form_group">
<input type="hidden" name="via" value="inlineSubscribeBox:39704;" />
<input type="text" class="co_global_input medium_bottom_margin" value="" required="" display_name="Email" id="SubscribeEmail" name="email" placeholder="Email Address">
<div id="CoButton_wrapper" class="co_global_submit" style="width:100%;padding:0;"><button id="CoButton" type="submit" class="button" value="Subscribe"><span>Subscribe</span></button></div>
</div>
<div class="break_floats"></div>
<div class="light_grey f-small" style="padding-top:3px;padding-left:3px;">
<input type="hidden" name="subscriptionid" value="9247" />
Subscribe to Mansfield Weekly
</div>
</div>
<div id="8660247936ResponseContainer"></div>
</div>
</div>
</form>
<!-- END CACHE -->
							<div class="break_floats"></div>
						</div>
						<div class="blue f-small bold small_vertical_padding medium_horizontal_padding footer_box">
							<a href="/tools/subscribe/default_cdo">View all subscriptions &raquo;</a>
						</div>
					</div>
				</div>
			
			
				<div class="topBarLink cco_topbar_link contact_link">
					<a href="/article.asp?aid=6711318">Contact</a>
				</div>
			
			
		</div>
		<div class="float_left">
			
				<div class="topBarLink cco_topbar_link home_link">
					<a href="/">Home</a>
				</div>
				
			
				<div class="topBarLink cco_topbar_link about_link">
					<a href="/248363">About</a>
				</div>
				
			
			
			
		</div>
	</div>
	<div class="break_floats"></div>
</div>

			<div class="clearfix branding-search">
				<div id="header_branding" class="no_outline ">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" OnAutoSuggestSelect="OnSearchAutoSuggestSelect(ev);" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" autoSuggestProperties="&quot;Highlight&quot;:true,&quot;Name&quot;:&quot;topAreaTopSearch_search&quot;,&quot;AutoSubmit&quot;:true,&quot;ShowRecommendedOnTop&quot;:false" autoSuggestUrl="/WebServices/RemoteCall/Get_Suggestions" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
					<a href="/default.asp" title="Chabad of Bel Air " class="site_title">Chabad of Bel Air <span class="site_subtitle clearfix"> Serving the Bel Air, Beverly Crest & Holmby Hills Communities</span></a>
				</div>
			</div>
			
			
			<button type='button' class='cs-mobile-menu-open js-mobile-menu-open'><i class='fa fa-bars'></i></button>
			<div class="site-nav-wrapper">
				<script>
var primaryNavigationVersion = "639153827839811808";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="64466" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/4449522/jewish/Whats-Happening-July-28-August-3.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="4449522">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>What's Happening July 28 - August 3</span>
</a>
<a href="/templates/articlecco_cdo/aid/4764353/jewish/Shul-Opening-Guidelines-for-May29-30.htm" class="item empty" id="menu_item1-2" data-menu-level="2" data-aid="4764353">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Shul Opening Guidelines for May29-30</span>
</a>
<a href="/templates/articlecco_cdo/aid/4764354/jewish/Untitled.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="4764354">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Untitled</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/64466/jewish/Times-of-Services.htm" class="parent">Times&nbsp;of<br />Services</a></div></span><a href="/templates/articlecco_cdo/aid/64466/jewish/Times-of-Services.htm" class="bg_extension js-parent-menu-link" data-aid="64466"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="698793" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/698793/jewish/Is-Chabad-of-Bel-Air-for-Someone-Like-you.htm" class="parent">Is&nbsp;Chabad&nbsp;of&nbsp;Bel&nbsp;Air<br />for&nbsp;Someone&nbsp;Like&nbsp;you?</a></div></span><a href="/templates/articlecco_cdo/aid/698793/jewish/Is-Chabad-of-Bel-Air-for-Someone-Like-you.htm" class="bg_extension js-parent-menu-link" data-aid="698793"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="1266973" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/1266973/jewish/What-To-Expect-at-Chabad-of-Bel-Air.htm" class="parent">What&nbsp;To&nbsp;Expect&nbsp;at<br />Chabad&nbsp;of&nbsp;Bel&nbsp;Air</a></div></span><a href="/templates/articlecco_cdo/aid/1266973/jewish/What-To-Expect-at-Chabad-of-Bel-Air.htm" class="bg_extension js-parent-menu-link" data-aid="1266973"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="699089" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/699099/jewish/About-Us.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="699099">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>About Us</span>
</a>
<a href="/templates/articlecco_cdo/aid/699100/jewish/Curriculum.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="699100">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Curriculum</span>
</a>
<a href="/templates/articlecco_cdo/aid/699101/jewish/Our-Staff.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="699101">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Our Staff</span>
</a>
<a href="/templates/articlecco_cdo/aid/699102/jewish/Dates-Rates.htm" class="item empty" id="menu_item4-4" data-menu-level="2" data-aid="699102">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Dates & Rates</span>
</a>
<a href="/templates/articlecco_cdo/aid/699103/jewish/Contact-Us.htm" class="item empty" id="menu_item4-5" data-menu-level="2" data-aid="699103">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Contact Us</span>
</a>
<a href="/templates/articlecco_cdo/aid/935042/jewish/Hebrew-School-Registration-Form.htm" class="item empty" id="menu_item4-6" data-menu-level="2" data-aid="935042">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Hebrew School Registration Form</span>
</a>
<a href="/templates/articlecco_cdo/aid/937451/jewish/Hebrew-School-Video-Ad.htm" class="item empty" id="menu_item4-7" data-menu-level="2" data-aid="937451">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Hebrew School Video Ad</span>
</a>
<a href="/templates/photogallery_cdo/aid/2127492/jewish/Chabad-of-Bel-Air-Hebrew-School.htm" class="item empty" id="menu_item4-8" data-menu-level="2" data-aid="2127492">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Chabad of Bel Air Hebrew School</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-6" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-7" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-8" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/699089/jewish/Sunday-Hebrew-School.htm" class="parent">Sunday&nbsp;Hebrew<br />School</a></div></span><a href="/templates/articlecco_cdo/aid/699089/jewish/Sunday-Hebrew-School.htm" class="bg_extension js-parent-menu-link" data-aid="699089"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="1556433" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/1556433/jewish/Preschool.htm" class="parent">Preschool</a></div></span><a href="/templates/articlecco_cdo/aid/1556433/jewish/Preschool.htm" class="bg_extension js-parent-menu-link" data-aid="1556433"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/4970020" class="parent">Donate</a></div></span><a href="/4970020" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
				<div class="mobile-menu-bottom-links">
					
						<a href="/248363" class="site-menu-general__link">About</a>
					
					<a href="/search">Search</a>
					
						<a href="/article.asp?aid=6711318">Contact</a>
					
				</div>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  no-hero-image clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Anniversary Party Pics</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g960" 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">Anniversary Party Pics</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 Anniversary Party Pics</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 Anniversary Party Pics</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">
	<!-- END CACHE -->
	
	
	
		<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 ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/291048/jewish/Shabbos-Stories.htm" data-aid="291048">Shabbos Stories</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/564012/jewish/Rabbi-Mentz-Demo-from-KFI.htm" data-aid="564012">Rabbi Mentz Demo from KFI</a>
		</li>
		
	
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/1194350/jewish/Purim-Masquerade.htm" data-aid="1194350">Purim Masquerade</a>
		</li>
		
	
			</ul>
		</div>
	
		<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/1199624/jewish/Lag-Bomer-BBQ-Pictures.htm" data-aid="1199624">Lag Bomer BBQ Pictures</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/section_cdo/aid/1271856/jewish/Adult-Education.htm" data-aid="1271856">Adult Education</a>
		</li>
		
			<li class="small-links__item small-links__item--more">
				<a href="/article.asp?aid=64339" data-aid="64339">View All  &raquo;</a>
			</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			
		</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.chabadofbelair.org%2ftemplates%2fphotogallery_cdo%2faid%2f288327%2fjewish%2fAnniversary-Party-Pics.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=Anniversary+Party+Pics&amp;url=https%3a%2f%2fwww.chabadofbelair.org%2ftemplates%2fphotogallery_cdo%2faid%2f288327%2fjewish%2fAnniversary-Party-Pics.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=Anniversary+Party+Pics https%3a%2f%2fwww.chabadofbelair.org%2ftemplates%2fphotogallery_cdo%2faid%2f288327%2fjewish%2fAnniversary-Party-Pics.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.chabadofbelair.org%2ftemplates%2fphotogallery_cdo%2faid%2f288327%2fjewish%2fAnniversary-Party-Pics.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Anniversary+Party+Pics">
				<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 class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					


	<div class="footer3"><b>Chabad of Bel Air - Where Everyone Feels At Home! • (Call for Synagogue Location)  Mailing Address: 2934 1/2 Beverly Glen Circle #16 • Bel Air, CA 90077 • 310-475-5311</b></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>
	
				</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?g=20&v=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=20&v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=20&v=95D39855"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?g=20&v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?g=20&v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/photogallery.js?g=20&v=42FF58D0"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?g=20&v=D421ABC8"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?g=20&v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=20&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?g=20&v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E&g=20"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=20&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: '464368', Icon: 'https://w2.chabad.org/media/images/46/HEiL464368.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/xPPO464367.jpg', Caption: ''});
				photoMap['464368'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464442', Icon: 'https://w2.chabad.org/media/images/46/vHkd464442.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/YsfM464441.jpg', Caption: ''});
				photoMap['464442'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464446', Icon: 'https://w2.chabad.org/media/images/46/WWww464446.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/tced464445.jpg', Caption: ''});
				photoMap['464446'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464448', Icon: 'https://w2.chabad.org/media/images/46/ipDJ464448.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/fLbO464447.jpg', Caption: ''});
				photoMap['464448'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464451', Icon: 'https://w2.chabad.org/media/images/46/yRDb464451.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/xfNn464450.jpg', Caption: ''});
				photoMap['464451'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464453', Icon: 'https://w2.chabad.org/media/images/46/FBcg464453.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/VpQS464452.jpg', Caption: ''});
				photoMap['464453'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464455', Icon: 'https://w2.chabad.org/media/images/46/MdOd464455.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/GvVv464454.jpg', Caption: ''});
				photoMap['464455'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464457', Icon: 'https://w2.chabad.org/media/images/46/nAyK464457.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/iLnx464456.jpg', Caption: ''});
				photoMap['464457'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464459', Icon: 'https://w2.chabad.org/media/images/46/dILf464459.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/muHk464458.jpg', Caption: 'Thank G-d for the great Recovery of Larry Carter! You look Maaaahrvelous!'});
				photoMap['464459'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464463', Icon: 'https://w2.chabad.org/media/images/46/axDx464463.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/Hdub464462.jpg', Caption: ''});
				photoMap['464463'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464465', Icon: 'https://w2.chabad.org/media/images/46/HLLw464465.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/pMxM464464.jpg', Caption: ''});
				photoMap['464465'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464469', Icon: 'https://w2.chabad.org/media/images/46/YigB464469.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/TLQv464468.jpg', Caption: ''});
				photoMap['464469'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465519', Icon: 'https://w2.chabad.org/media/images/46/FFeM465519.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/RSkM465518.jpg', Caption: 'Divine Dining'});
				photoMap['465519'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464471', Icon: 'https://w2.chabad.org/media/images/46/idQX464471.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/CgsN464470.jpg', Caption: 'Laura Abramov spoke about growing up with Chabad of Bel Air for 20 years, from the age of 8.'});
				photoMap['464471'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464475', Icon: 'https://w2.chabad.org/media/images/46/JvXH464475.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/YtMR464474.jpg', Caption: 'Sonia Levitin spoke on Chabad of Bel Air\'s accomplishments for the past 20 years. Painted a wonderful picture of our future, and made us all realize how we can accomplish everything for Chabad of Bel Air, if we all visualize the dream and make it a reality.'});
				photoMap['464475'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464481', Icon: 'https://w2.chabad.org/media/images/46/iusi464481.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/yoOy464480.jpg', Caption: ''});
				photoMap['464481'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464479', Icon: 'https://w2.chabad.org/media/images/46/BUBd464479.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/iXEr464478.jpg', Caption: '\"Merri Jean, you have done so much for our shul, and for tonight\'s dinner. We know how much you love the Rebbe. As a small token of our appreciation.... Here is a Kiddush Cup ... which is the exact replica of the Rebbe\'s Kiddush Cup. Every time you drink from it, know how much the Rebbe, and all of us appreciate all you do. G-d bless you Merri Jean.\"'});
				photoMap['464479'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464483', Icon: 'https://w2.chabad.org/media/images/46/dzEJ464483.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/OXbe464482.jpg', Caption: '\"Thank you for all you have done Merri Jean! May Your Cup Runneth Over for many years to come with huge blessings of Health and Success! May you continue to be a source of Pride to Hashem, the Rebbe, Chabad of Bel Air, and the entire world. Thank you for making this evening as beautiful as it is, and for making my job a whole lot easier.\"<br />- Rabbi Mentz'});
				photoMap['464483'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464588', Icon: 'https://w2.chabad.org/media/images/46/OYAD464588.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/ODGB464587.jpg', Caption: '\"Thank you all for coming. Please take home our wonderful \'Goody Bag\'. You will find everything from T-shirts to this great book called \"The Chassidic Approach to Joy\".'});
				photoMap['464588'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464615', Icon: 'https://w2.chabad.org/media/images/46/WZVr464615.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/wsSk464614.jpg', Caption: 'Wanna Hear a Joke?'});
				photoMap['464615'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464613', Icon: 'https://w2.chabad.org/media/images/46/zDpx464613.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/svde464612.jpg', Caption: 'Rochelle Maize with Roberta Tennen & Charna Mentz'});
				photoMap['464613'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464689', Icon: 'https://w2.chabad.org/media/images/46/Zijr464689.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/uyDU464688.jpg', Caption: 'Roberta Tennen & Charna Mentz'});
				photoMap['464689'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464675', Icon: 'https://w2.chabad.org/media/images/46/QoIE464675.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/BLLy464674.jpg', Caption: 'Andrew Gawronski, Levi Mentz, and Moshe Tsabag'});
				photoMap['464675'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464685', Icon: 'https://w2.chabad.org/media/images/46/yGjq464685.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/mDKI464684.jpg', Caption: 'Rabbi Mentz & Craig Shapiro'});
				photoMap['464685'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464687', Icon: 'https://w2.chabad.org/media/images/46/uNux464687.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/ckgB464686.jpg', Caption: 'Rabbi Mentz, Yitzchok Wiener, and Dan Silverman'});
				photoMap['464687'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464700', Icon: 'https://w2.chabad.org/media/images/46/eRHj464700.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/DEgM464699.jpg', Caption: 'Rabbi Polter & Rabbi Mentz .... Kicking Up Some Dust!'});
				photoMap['464700'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464717', Icon: 'https://w2.chabad.org/media/images/46/fUof464717.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/NFqF464716.jpg', Caption: '20 YEARS!!!!<br />Rabbi Mentz spoke ... how 20 years ago people believed in him, and transformed him from a 26 year old man to a rabbi.<br />The crowd was reminded by the rabbi, despite his looks, he still is 26 YEARS OLD!'});
				photoMap['464717'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '464715', Icon: 'https://w2.chabad.org/media/images/46/rufd464715.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/NEmg464714.jpg', Caption: 'He\'s Coming to the Holy Land TODAAAY'});
				photoMap['464715'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465470', Icon: 'https://w2.chabad.org/media/images/46/KOei465470.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/Gcod465469.jpg', Caption: 'OD OD OD ...Yishama '});
				photoMap['465470'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465472', Icon: 'https://w2.chabad.org/media/images/46/hOCA465472.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/hlmw465471.jpg', Caption: 'Sing Me A Song Chazzan Man .....'});
				photoMap['465472'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465477', Icon: 'https://w2.chabad.org/media/images/46/GFKk465477.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/jXkP465476.jpg', Caption: 'All Mine ... All Mine   613.. ITS ALL MINE!'});
				photoMap['465477'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465475', Icon: 'https://w2.chabad.org/media/images/46/pKrR465475.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/cXxQ465474.jpg', Caption: 'Max Cukier, Ted Kaplan, and Richard Maize'});
				photoMap['465475'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465483', Icon: 'https://w2.chabad.org/media/images/46/nPas465483.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/QDQE465482.jpg', Caption: 'Arie & Riva Broda with Max & Miriam Cukier'});
				photoMap['465483'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465485', Icon: 'https://w2.chabad.org/media/images/46/kUJs465485.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/lQxk465484.jpg', Caption: 'The Mentz Family'});
				photoMap['465485'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465491', Icon: 'https://w2.chabad.org/media/images/46/opEi465491.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/nVGJ465490.jpg', Caption: 'Joseph & Manije Adahmi'});
				photoMap['465491'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465493', Icon: 'https://w2.chabad.org/media/images/46/QwQv465493.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/KYjg465492.jpg', Caption: 'President Allen Moshi with his daughter Daniella Moshi'});
				photoMap['465493'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465497', Icon: 'https://w2.chabad.org/media/images/46/EpkI465497.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/mrVx465496.jpg', Caption: 'Richard & Rochelle Maize'});
				photoMap['465497'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465515', Icon: 'https://w2.chabad.org/media/images/46/tUPv465515.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/vivE465514.jpg', Caption: 'Rabbi & Charna Mentz with Peter & Julie Weil'});
				photoMap['465515'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465517', Icon: 'https://w2.chabad.org/media/images/46/UodN465517.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/WIkF465516.jpg', Caption: 'Monty & Laura Abramov and Charna Mentz with lil Noah Abramov'});
				photoMap['465517'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465521', Icon: 'https://w2.chabad.org/media/images/46/yRGD465521.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/nRca465520.jpg', Caption: 'Margolis Family'});
				photoMap['465521'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465543', Icon: 'https://w2.chabad.org/media/images/46/tUPs465543.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/Hjnr465542.jpg', Caption: 'Alec & Drora Gilad'});
				photoMap['465543'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465529', Icon: 'https://w2.chabad.org/media/images/46/Fngi465529.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/lsXl465528.jpg', Caption: 'David & Orna Abrams'});
				photoMap['465529'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465531', Icon: 'https://w2.chabad.org/media/images/46/YwoO465531.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/HfGF465530.jpg', Caption: 'Gina Tennen with Charna Mentz'});
				photoMap['465531'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465541', Icon: 'https://w2.chabad.org/media/images/46/XjSq465541.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/EsjI465540.jpg', Caption: 'Table Setting 1'});
				photoMap['465541'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465525', Icon: 'https://w2.chabad.org/media/images/46/GoCT465525.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/GiNC465524.jpg', Caption: 'Table Setting 2'});
				photoMap['465525'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '465563', Icon: 'https://w2.chabad.org/media/images/46/IcAu465563.jpg', LargeImage: 'https://w2.chabad.org/media/images/46/sGpI465562.jpg', Caption: 'Thank You all for coming, and being part of a great evening. See you next year for even a Better Party!'});
				photoMap['465563'] = photoArray[photoArray.length-1];

		var FacebookSettings = {
			CommentsEnabled: false,
			HasAlbumId : false,
			AlbumId : '',
			IsPrintVersion: false,
			BaseUrl: 'http://www.chabadofbelair.org/templates/photogallery_cdo/aid/288327'
		};

		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 of Bel Air '}; Co.ArticleId     = '288327';Co.SectionId     = 288327;Co.PartnerSiteId = 0;Co.SiteId        = 11;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadofBelAir.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    

<style>
.cco_templateless_template, .cco_templateless_template a{ font-family: "Outfit" !important; background-color: white !important; color: rgb(66, 66, 66) !important;}
</style>


<script>
document.addEventListener('DOMContentLoaded', () => {
    // 1. Check if the URL contains the specific ID
    if (!window.location.href.includes('7109715')) {
        return; // Stop if not the right page
    }

    // 2. Check if we are on a desktop screen
    const isDesktop = window.matchMedia('(min-width: 992px)').matches;

    if (isDesktop) {
        try {
            // 3. Find the key elements
            const formSection = document.querySelector('.form-section');
            const imageElement = document.querySelector('#id_13 img');
            
            if (!formSection || !imageElement) {
                console.warn('Form layout script: Could not find .form-section or #id_13 img.');
                return;
            }
            
            // Get the image's parent <p> tag to remove it later
            const imageParagraph = imageElement.parentNode;

            // 4. Create the new layout wrappers
            const mainWrapper = document.createElement('div');
            mainWrapper.className = 'form-desktop-wrapper';

            const imageColumn = document.createElement('div');
            imageColumn.className = 'form-image-column';

            // 5. Move the image
            // Move the image from its original location into the new image column
            imageColumn.appendChild(imageElement);

            // Clean up the now-empty <p> tag that held the image
            if (imageParagraph && imageParagraph.tagName === 'P' && imageParagraph.children.length === 0) {
                imageParagraph.remove();
            }

            // 6. Restructure the DOM
            // Insert the main wrapper right before the form (the <ul>)
            formSection.parentNode.insertBefore(mainWrapper, formSection);
            
            // Move the form (the <ul>) *inside* the main wrapper
            mainWrapper.appendChild(formSection);
            
            // Add the image column as the second child of the main wrapper
            mainWrapper.appendChild(imageColumn);

            // 7. Inject the necessary CSS for the new layout
            const styles = `
                @media (min-width: 992px) {
                    .form-desktop-wrapper {
                        display: flex;
                        flex-wrap: nowrap;
                        gap: 30px; /* Space between form and image */
                    }
                    .form-desktop-wrapper .form-section {
                        flex: 2; /* Form takes ~2/3 of the space */
                        min-width: 0; /* Prevents flex overflow */
                    }
                    .form-desktop-wrapper .form-image-column {
                        flex: 1; /* Image takes ~1/3 of the space */
                        /* This margin pushes the image down to align with the form fields, */
                        /* skipping the text header in id_13. Adjust as needed. */
                        margin-top: 150px; 
                    }
                    .form-desktop-wrapper .form-image-column img {
                        width: 100%;
                        height: auto;
                        max-width: 400px; /* Respects original max width */
                        border-radius: 8px; /* Optional: adds a nice rounded corner */
                    }
                }
            `;
            
            const styleSheet = document.createElement("style");
            styleSheet.type = "text/css";
            styleSheet.innerText = styles;
            document.head.appendChild(styleSheet);

        } catch (error) {
            console.error('Error applying form layout script:', error);
        }
    }
});
</script>
</body>
</html>