jQuery(document).ready(function () {

                var useGlobal = true;
                var htmlContents = '        <div class=\"contact-form\">              <form role=\"form\" id=\"specialsContactForm\">                  <div class=\"sending\">                     <div>Sending message...</div>                 </div>                  <div class=\"contactFormTitle\"><span>CONTACT US</span></div>                  <div class=\"thanks\" style=\"display: none;\"><span>Thank you!</span><br>                     <p>We will get back to you shortly</p>                     <hr>                     <div class=\"row\">                         <div class=\"col-md-12\">                             <input type=\"button\" class=\"btn btn-light btn-close pull-left\" value=\"Close\" onclick=\"closeForm()\">                         </div>                     </div>                 </div>                  <div class=\"messages\">                     <div class=\"errors\"></div>                 </div>                  <div class=\"controls\">                      <input type=\"hidden\" value=\"\" name=\"specialId\" id=\"specialId\">                      <div class=\"row\">                         <div class=\"col-md-6\">                             <div class=\"form-group\">                                 <label for=\"first_name\">First name*</label>                                 <input id=\"first_name\" type=\"text\" name=\"first_name\" class=\"form-control\" required=\"required\" data-error=\"First name is required.\">                             </div>                         </div>                         <div class=\"col-md-6\">                             <div class=\"form-group\">                                 <label for=\"last_name\">Last name*</label>                                 <input id=\"last_name\" type=\"text\" name=\"last_name\" class=\"form-control\" required=\"required\" data-error=\"Last name is required.\">                             </div>                         </div>                     </div>                     <div class=\"row\">                         <div class=\"col-md-6\">                             <div class=\"form-group\">                                 <label for=\"email\">Email *</label>                                 <input id=\"email\" type=\"email\" name=\"email\" class=\"form-control\" required=\"required\" data-error=\"Valid email is required.\">                             </div>                         </div>                         <div class=\"col-md-6\">                             <div class=\"form-group\">                                 <label for=\"phone\">Phone</label>                                 <input id=\"phone\" type=\"phone\" name=\"phone\" class=\"form-control\" data-error=\"A valid phone is required.\">                             </div>                         </div>                     </div>                     <div class=\"row\">                         <div class=\"col-md-12\">                             <div class=\"form-group\">                                 <label for=\"comments\">Comments</label>                                 <textarea id=\"comments\" name=\"comments\" class=\"form-control\" rows=\"3\" data-error=\"Please, leave us your comments.\"></textarea>                             </div>                         </div>                         <div class=\"col-md-12\">                             <input type=\"button\" class=\"btn btn-light btn-close pull-left\" value=\"Close\" onclick=\"closeForm()\">                             <input type=\"button\" class=\"btn btn-primary btn-send pull-right\" onclick=\"sendData()\" value=\"Send message\">                         </div>                     </div>                 </div>             </form>         </div>         <div class=\"default specialContainer hasDiscounts\" >     <div class=\"specialBorderBox\" style=\"border-color:#b30d0d\">         <div class=\"topInfoWrapper\">                             <div class=\"specialPhoto\">                     <img src=\"https://api.quirkspecials.com/imgs/specials/logo_1738091199.jpg\">                 </div>                          <div class=\"specialCarProperties\">                                     <div class=\"dealershipLogoTop\">                         <img src=\"https://api.quirkspecials.com/imgs/dealerships/special_quirk-buick-gmc-of-braintree-1707844093.png\">                     </div>                                  <div class=\"preTitle\">NEW 2024 GMC</div>                 <div  style=\"color:#b30d0d\" class=\"title\">Terrain</div>                 <div  style=\"color:#b30d0d\" class=\"postTitle\">ELEVATION AWD</div>             </div>             <div style=\"clear:both;\"></div>         </div>          <div class=\"marquee\" style=\"color:#b30d0d\">             <span>** 5 AVAILABLE @ THE SAME DISCOUNT **</span>         </div>           <div class=\"specialDetails\">              <div class=\"specialDetailsWrapper\">                                                                                                                             <div class=\"detailBoxWrap\">                         <div class=\"detailBox\">                             <div class=\"title\">Quirk Price:</div>                             <div style=\"color:#b30d0d\" class=\"amount\">$32,885</div>                         </div>                     </div>                                 <div style=\"clear:both;\"></div>             </div>                              <div class=\"discountsBox\">                                             <div class=\"discountRow\">                             <div class=\"discountLabel\">MSRP</div>                             <div class=\"discountValue\">$34,385</div>                             <div style=\"clear:both;\"></div>                         </div>                                             <div class=\"discountRow\">                             <div class=\"discountLabel\">Discount</div>                             <div class=\"discountValue\">$1,500</div>                             <div style=\"clear:both;\"></div>                         </div>                                         <div style=\"clear:both;\"></div>                 </div>                          <div class=\"buttonsWrapper\">                 <a onclick=\"showContactForm(1474)\" style=\"background-color:#b30d0d\" class=\"specialBtn mainBtn\">                     Get this Price                 </a>                                     <a href=\"https://www.quirkbuickgmcofbraintree.com/canyon-sale/\" style=\"color:#b30d0d;border-color:#b30d0d\" class=\"specialBtn secondBtn\">                         View Inventory On Sale                    </a>                                              </div>             <div style=\"clear:both;\"></div>              <div class=\"disclaimer\">                 Lease for 42 months, 5,000 miles per year. $1995 down, plus first payment, administration fee, Tax title and registration due at signing. Must be current Lessee. Must qualify for Buick GMC Lease loyalty, Subject to approval. Not all will qualify, see dealer for complete details**. Prices include all applicable incentives and rebates that all may not qualify for.  Residency restrictions apply. Programs subject to change without notice. Please note that vehicle photo may be different than stock #B2238, B2240, B2239, B2237, B2267 shown. See dealer for details. Sale Ends 2-3-2025            </div>                              <div class=\"dealershipLogo\">                     <img src=\"https://api.quirkspecials.com/imgs/dealerships/special_quirk-buick-gmc-of-braintree-1707844093.png\">                 </div>                     </div>     </div> </div>   ';

                if (useGlobal) {
                    var container = $("img[alt='incentive-container']").closest(".widget-image");
                    if (container.length) {
                        container.parent().prepend("<div id='webspecials-global' class='incentivesContainer' ></div>")
                        container.remove();
                        $('.incentivesContainer').html(htmlContents);
                    } else {
                        $("#webspecials-global").addClass("incentivesContainer");
                        $("#webspecials-global").html(htmlContents);
                    }
                } else {
                    $("#webspecials").html(htmlContents);
                }

                $(".contact-form #specialsContactForm input").blur(function () {
                    $(this).removeClass("hasErrors");
                })
            });

            function validateEmail(email) {
                var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
                return re.test(email);
            }

            function showContactForm(specialId) {
                $('.contact-form #specialId').val(specialId);
                $('.contact-form').fadeIn();
            }

            function closeForm() {
                $(".contact-form #specialsContactForm input").removeClass("hasErrors");
                $(".contact-form .messages .errors").html("");
                $('.contact-form .sending').hide();
                $('.contact-form .thanks').hide();
                $('.contact-form .message').hide();
                $('.contact-form').fadeOut();
                $(".contact-form #specialsContactForm").get(0).reset();
                setTimeout(function () {
                    $('.contact-form .controls').show();
                    $(".contact-form .contactFormTitle").show();
                }, 1000);
            }

            function sendData() {
                $(".contact-form #specialsContactForm input").removeClass("hasErrors");
                $(".contact-form .messages .errors").html("");

                var hasErrors = false;
                if (!$(".contact-form #specialsContactForm #first_name").val()) {
                    $(".contact-form #specialsContactForm #first_name").addClass("hasErrors");
                    hasErrors = true;
                }

                if (!$(".contact-form #specialsContactForm #last_name").val()) {
                    $(".contact-form #specialsContactForm #last_name").addClass("hasErrors");
                    hasErrors = true;
                }

                if (!$(".contact-form #specialsContactForm #email").val()) {
                    $(".contact-form #specialsContactForm #email").addClass("hasErrors");
                    hasErrors = true;
                }

                if (hasErrors) {
                    $(".contact-form .messages .errors").html("Please complete all required fields");
                    alert("Please complete all required fields");
                    return;
                }

                if (!validateEmail($(".contact-form #specialsContactForm #email").val())) {
                    $(".contact-form #specialsContactForm #email").addClass("hasErrors");
                    $(".contact-form .messages .errors").html("Please enter a valid email address");
                    alert("Please enter a valid email address");
                    return;
                }

                $(".contact-form .sending").fadeIn();
                $.ajax({
                    type: "POST",
                    url: "https://api.quirkspecials.com/v2/api/specials/emailLead",
                    data: $(".contact-form #specialsContactForm").serialize(),
                    success: function (response) {
                        $(".contact-form #specialsContactForm").get(0).reset();
                        $(".contact-form .sending").fadeOut();
                        $(".contact-form .contactFormTitle").hide();
                        $('.contact-form .controls').hide();
                        $(".contact-form .thanks").show();
                    },
                    error: function (response) {
                        $(".contact-form .sending").fadeOut();
                        alert("We can't send your message right now, please try again later");
                    }
                });
            }