Wringer

Html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en" class="fontawesome-i2svg-active fontawesome-i2svg-complete"><head>
        <title>Get Seats!</title>
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">

<link rel="Stylesheet" href="/lib/bootstrap/css/bootstrap.min.css?_7.89.0">

<link rel="Stylesheet" href="/lib/fontawesome-free/css/all.min.css">

<link rel="Stylesheet" href="/lib/material-design-icons/material-icons.css">

</script>
<script type="text/javascript">
  // Check whether cookies are enabled.
	document.cookie = "TestCookie=1";
	var testCookie = document.cookie;

// Try to retrieve the value we just set.
	if (testCookie.indexOf("TestCookie=1") == -1)
	{
		
		    document.location = "error.asp?nocookie=";
		
    }
	else
		document.cookie = "TestCookie=;expires=Thu, 01-Jan-1970 00:00:00 GMT";
</script>

function rsvpToFBEvent(status, response, eventCode)
{

var url = '/' + eventCode + '/' + status + '?access_token=' + response.authResponse.accessToken;

FB.api(url, 'post',
                 function (response) {
                    if (!response || response.error) {
                      new showAlertPopup("Error occurred:" + response.error.message, "", "", "", "", "");
                    }
                    else
                    {
                      gaTrackEvent('Facebook', 'RSVP to Event Success');

if (status == "attending")
                        {
                            var buttons = document.getElementsByName("attendingButton" + eventCode);
                            for (var x = 0; x < buttons.length; x++)
                            {
                                buttons.item(x).disabled = true;
                            }
                            buttons = document.getElementsByName("maybeButton" + eventCode);
                            for (var x = 0; x < buttons.length; x++)
                            {
                                buttons.item(x).disabled = false;
                            }
                        }
                        else if (status == "maybe")
                        {
                            var buttons = document.getElementsByName("maybeButton" + eventCode);
                            for (var x = 0; x < buttons.length; x++)
                            {
                                buttons.item(x).disabled = true;
                            }
                            buttons = document.getElementsByName("attendingButton" + eventCode);
                            for (var x = 0; x < buttons.length; x++)
                            {
                                buttons.item(x).disabled = false;
                            }
                        }
                    }
                 });
}

function rsvpToFBEventLogin(status, eventCode) {

FB.getLoginStatus(function (response) {
            if (response.status == 'connected') {
                rsvpToFBEvent(status, response, eventCode);
            }
            else {
                FB.login(function (response) {
                    if (response.authResponse) {
                        rsvpToFBEvent(status, response, eventCode);
                    } else {
                    }
                }, { scope: 'rsvp_event,email,user_groups,publish_stream' });
            }
        });
        return true;
}
</script>
<script type="text/javascript" src="../Common/browser_detect.js?_=7.89.0"></script>
<script type="text/javascript">
  var genericConfirmationMessage = "Are you sure?";
  var offerExpired = "Your order has expired.";
  var admissionsExpired = "An offer on one of your tickets has expired.";
  var alertHeaderText = "Attention";
  var termsHeaderText = "Terms and Conditions";
  var helpHeaderText = "Help";
  var sectionHeaderText = "More Information";

var okayButtonText = "OK";
  var cancelButtonText = "Cancel";
  var acceptButtonText = "Accept";
  var declineButtonText = "Decline";
  var closeButtonText = "Close";

var sTokenName = 'sToken';
  var sToken = '1,74737c36,6a55bad1,7B33C2E5-F35F-4209-AA7B-3000813E56E0,lBIJg1/lFPmC5AxcPM7AUGM8jpY=';
</script>
<script type="text/javascript">
    var isNextGenCheckoutFFEnabled = 0 == 1;
    var isNewBuyFlowEnabled = "False" == "True";
</script>
<script type="text/javascript" src="../Common/online-jscript.js?_=7.89.0"></script>
<script type="text/javascript" src="../Common/online-navigation-jscript.js?_=7.89.0"></script>
<script type="text/javascript" src="../Common/Widgets/widgetParent.js?_=7.89.0"></script>
<script type="text/javascript">
/*

*/
function displayMessage(onClickEvent)
{

}

function tsOrderChanged( url )
{
  new showConfirmPopup( '', 'The current order has unsaved changes that may be lost. Continue anyway?', function () { document.location = url }, '' );
}

// Used for drop-down menu in IE 6
<![CDATA[//><!--
function startList() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("menuTop");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.id=="menuTopItem") {
				node.onmouseover=function() {
					this.className+=" over";
				}

node.onfocus=function(){
                    this.className+=" over";
                }

node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}

node.onblur=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
//--><!]]>

var plusApi_loaded = false;
var twitterApi_loaded = false;
var fbApi_loaded = false;

</script>
<noscript>
  <meta http-equiv="refresh" content="0; URL=error.asp">
</noscript>

// used on dataLayer
            const booking_type = "seatmap"

// Javascript attributes and .<event name>() functions do not work correctly in IE and Firefox for certain elements, therefore adding event listeners
            // to all seats is necessary

function updateSeatAriaLabels() {
                var seats = document.querySelectorAll("g:not([id=availability]) > circle");

for (var i = 0; i < seats.length; i++) {
                    var seatCircle = seats.item(i);
                    seatCircle.addEventListener("focus", function(event) {
                        showTooltip(event, true);
                    });
                    seatCircle.addEventListener("blur", function(event) {
                        hideTooltip();
                    });

let ariaLabel = [];
                    let seatId = seatCircle.getAttribute("id");
                    let priceZoneId = seatCircle.parentNode.attributes.id.value;

let seatInfoTemp = seatCircle.getAttribute("data-seat-section");
                    if (seatInfoTemp) {
                        ariaLabel.push("Section " + seatInfoTemp);
                    }

seatInfoTemp = seatCircle.getAttribute("data-seat-row");
                    if (seatInfoTemp) {
                        ariaLabel.push("Row " + seatInfoTemp);
                    }

seatInfoTemp = seatCircle.getAttribute("data-seat-seat");
                    if (seatInfoTemp) {
                        ariaLabel.push("Seat " + seatInfoTemp);
                    }

if(obstructionMessages[seatId]) {
                        ariaLabel.push(obstructionMessages[seatId]); // Seat message or section message
                    }

if (priceZoneInfo[priceZoneId]) {
                        if (priceZoneInfo[priceZoneId].label) {
                            ariaLabel.push(priceZoneInfo[priceZoneId].label);
                        }
                        if (isExchangeMode) {
                            if (priceZoneInfo[priceZoneId].priceDifference) {
                                ariaLabel.push(priceZoneInfo[priceZoneId].priceDifference); // Exchange price difference
                            }
                        } else {
                            if (priceZoneInfo[priceZoneId].priceRange.minimum == priceZoneInfo[priceZoneId].priceRange.maximum) {
                                ariaLabel.push(priceZoneInfo[priceZoneId].priceRange.minimum); // Single price
                            } else {
                                ariaLabel.push(priceZoneInfo[priceZoneId].priceRange.minimum + "\u2013" + priceZoneInfo[priceZoneId].priceRange.maximum); // Price range
                            }
                        } 
                    }

let sectionDescription = seatCircle.getAttribute("data-sectiondescription");
                    if (sectionDescription) {
                        ariaLabel.push(sectionDescription);
                    }

seatCircle.setAttribute("aria-label", ariaLabel.join(", "));
                }
    }

window.addEventListener("DOMContentLoaded", function() {
                window.addEventListener("keydown", enterSelectMapElems);
                updateSeatAriaLabels();

// VIEW ITEM DATALAYER
                    try {
                        const ecommerce = getPerformanceEcommerceObject({"show":"ALEXANDRE BARRETTE","performance_date":"2026-10-10T20:00:00.000","availability":"118","availability_default":"460","item_id":"C1492096-CE03-4F2B-A964-2941D9C25ADA","booking_type_default":"seatmap"}, booking_type)
                        dataLayer.push({
                            event: 'view_item',
                            event_name: 'view_item',
                            ecommerce
                        });
                    } catch (e) {
                        console.warn("DataLayer error:", e);
                    }
                
            });

</script>

var chargesInfoMessageShown = false;
            // Renders (or re-renders) the seat information displayed to the right of the map
            function renderSelectedSeats()
            {
                var selectedSeatsList = $("#selected_seats_ul");
                var newSelectedSeatsList = $("<ul>").attr("id", "selected_seats_ul").addClass("list-unstyled");

for (var i in selectedSeats)
                {
                    var seat = selectedSeats[i];
                    var seatDescription = seat.admissionInfo.split("-").join(" ")
                    var price = showCharges ? totalsRendered[seat.priceType][seat.priceZone] : pricesRendered[seat.priceType][seat.priceZone];
                    var seatCardId = seat.priceType + "_" + seat.seatId;
                    newSelectedSeatsList
                    .append($("<li>").attr("id", seatCardId)
                        .append($("<div>").addClass("selected_seat_color").css("background", priceZoneInfo[seat.priceZone].colour)
                            .append($("<div>").addClass("selected_seat_color_inner"))
                        )
                        .append($("<div>").addClass("selected_seat_info")
                            .append($("<strong>").text(seatDescription))
                            .append($("<br>"))
                            .append(document.createTextNode(priceTypes[seat.priceType] + " " + price))
                            .append(seat.currentFeeMsg ? $("<p>").text(seat.currentFeeMsg).css("fontSize", "12px") : $())
                        )
                        .append($("<div>").addClass("cancel_seat")
							.append($("<button>").addClass("btn cancel-seat-btn").attr("id", "removeSeat-"+i).attr("onClick", "cancelSeat(\"" + seatCardId + "\", \"" + seat.seatId + "\", \"" + seat.priceType + "\")").attr("type", "button").attr("aria-label", "Remove " + seatDescription)
                                .append($("<span>").addClass("fas fa-times-circle").before(""))
                            )
                        )
                    );
                }
                selectedSeatsList.replaceWith(newSelectedSeatsList);

if (!chargesInfoMessageShown && showCharges && total_selected_seats > 0)
                {
                    $(document.getElementById("message_info")).append($("<a>").click(showFeesInfo).text(document.getElementById("messageValue").value));
                    chargesInfoMessageShown = true;
                }
            }

var showCharges = 1; //0 - false; 1-true
            if(showCharges)
            {
                var totalsRendered = [];
                var charges = [];
                var chargesRendered = [];
            }

var priceTypes = [];
            var pricesRendered = [];
            var priceTypesDescs = []; //To store the description of the price-types which is to be used to render in OnlineSeat.js
            priceTypes["85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C"] = "Régulier";
                            priceTypesDescs["85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C"] = "";
priceTypes["5C9DD645-B1D6-4EEE-A9C7-B88BBF645A68"] = "undefined";
                            priceTypesDescs["5C9DD645-B1D6-4EEE-A9C7-B88BBF645A68"] = "";
priceTypes["1E1C8BB7-2115-4CD9-BF49-AB4D4CBBB315"] = "undefined";
                            priceTypesDescs["1E1C8BB7-2115-4CD9-BF49-AB4D4CBBB315"] = "";
priceTypes["EB97F63B-43D5-45BD-8B01-B6F9147AB65D"] = "undefined";
                            priceTypesDescs["EB97F63B-43D5-45BD-8B01-B6F9147AB65D"] = "";
priceTypes["FB493CFA-4FC3-4232-9791-1B2EB246FA5F"] = "undefined";
                            priceTypesDescs["FB493CFA-4FC3-4232-9791-1B2EB246FA5F"] = "";
priceTypes["B2E68BCF-EB94-45F1-8D83-A753E3D73DF3"] = "undefined";
                            priceTypesDescs["B2E68BCF-EB94-45F1-8D83-A753E3D73DF3"] = "";
priceTypes["BC9732F4-E21C-4F07-B0BD-8E6C4226D439"] = "undefined";
                            priceTypesDescs["BC9732F4-E21C-4F07-B0BD-8E6C4226D439"] = "";
priceTypes["D2687489-5F89-47EC-9F02-1A352B4DA05D"] = "undefined";
                            priceTypesDescs["D2687489-5F89-47EC-9F02-1A352B4DA05D"] = "";
priceTypes["FDB7FF1E-240B-45CD-ABC7-5158F95517E7"] = "undefined";
                            priceTypesDescs["FDB7FF1E-240B-45CD-ABC7-5158F95517E7"] = "";
pricesRendered[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ] = [];
totalsRendered[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ] = [];
charges[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ] = [];
chargesRendered[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ] = [];
priceListMaxCounts[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ] = undefined;
priceListRemainingCounts[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ] = undefined;
pricesRendered[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ][ 'D244BBBA-9610-4517-8A24-A843EFC9ABE5' ] = '$42.00';
totalsRendered[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ][ 'D244BBBA-9610-4517-8A24-A843EFC9ABE5' ] = '$49.00';
charges[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ][ 'D244BBBA-9610-4517-8A24-A843EFC9ABE5' ] = '7.00';
chargesRendered[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ][ 'D244BBBA-9610-4517-8A24-A843EFC9ABE5' ] = '$7.00';
priceListMaxCounts[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ] = undefined;
priceListRemainingCounts[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ] = undefined;
pricesRendered[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ][ '81B6E8AE-121E-4F64-98C9-1AC873FBABB9' ] = '$42.00';
totalsRendered[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ][ '81B6E8AE-121E-4F64-98C9-1AC873FBABB9' ] = '$49.00';
charges[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ][ '81B6E8AE-121E-4F64-98C9-1AC873FBABB9' ] = '7.00';
chargesRendered[ '85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C' ][ '81B6E8AE-121E-4F64-98C9-1AC873FBABB9' ] = '$7.00';

function loadLocalPage()
            {
            
                if(!checkSvgSupport())
                {
                    var info_section_element = document.getElementById("info_section");
                    var info_section_text = "It looks like you are using a browser that does not support SVG. We use SVG to display our interactive seat map which allows you to select your own seat. Please consider upgrading your browser to take advantage of this functionality. In the meantime you can use the best available option to purchase your tickets.";
                    $(info_section_element).text(info_section_text);
                    info_section_element.className = "alert alert-danger";

var svg_element = document.getElementById("svg_online_map");
                    svg_element.style.display = "none";

var svg_map_element = document.getElementById("svg_map_section");
                    svg_map_element.style.display = "none";
                }

checkUpsell();

// initialize the "max reached" text if they've already picked the maximum
                if (total_selected_seats > 0 && total_selected_seats == performanceMax)
                {
                    var h3 = document.getElementById("selected_section_title");
                    h3.children[0].firstChild.data = "(Max reached)";
                }
                if (!screenFlag) //The seats section and add to order buttons are not displayed on the full map view
                {
                    renderSelectedSeats();
                    flipAddToOrderButton();
                }
                
                // initialize the selection counter
                $(document.getElementById("selected_total_num")).text(isExchangeMode ? countExchangeToSeats : total_selected_seats );

} //-loadLocalPage

function selectExchangeSeat(exchangeFromSeat)
            {
                // an exchange seat has been selected
                // populate the pricing legend etc
                currentExchangeFromSeat = exchangeFromSeat;

if ( exchangeFromSeat < exchangeSeats.length )
                {
                    // display the pricing legend for the newly selected "from seat"
                    showExchangePriceLegend(exchangeSeats[exchangeFromSeat].fromAdmissionID, exchangeSeats[exchangeFromSeat].fromAdmissionPromoCode);
                }
                renderExchangeCards();
                $("#selected_total_num").text(countExchangeToSeats);
            }

// scroll the currentExchangeFromSeat card into view
            function scrollExchangeCardIntoView()
            {
                // if all seats are already handled, don't do anything
                if (currentExchangeFromSeat >= exchangeSeats.length)
                {
                    return;
                }

var container = $("#selection_list");
                var contHeight = container.height();
                var contTop = container.scrollTop();
                var contBottom = contTop + contHeight ;

//nth-child is 1-indexed so add 1 to account for that
                var exchangeCard = $("#selection_list li:nth-child(" + (currentExchangeFromSeat + 1) + ")");
                var cardTop = exchangeCard.offset().top - container.offset().top;
                var cardBottom = cardTop + exchangeCard.height();

//if it's already visible do nothing
                if (cardTop >= 0 && cardBottom <=contHeight)
                {
                    return;
                }
                else if (cardTop < 0)
                {
                    container.animate({scrollTop : contTop + exchangeCard.position().top - exchangeCard.outerHeight(true)}, 500);
                }
                else
                {
                    container.animate({scrollTop : contTop + exchangeCard.position().top - contHeight}, 500);
                }
            }

function showExchangePriceLegend(fromAdmissionID, fromPromoCode)
            {
                // populate the price legend with information for the specified admission
                var priceInformation = exchangePrices[fromAdmissionID];
                if (priceInformation)
                {
                    var ul = $("#pricing_list ul.legend-ul");
                    // remove any current information
                    ul.empty();

// output elements in the same order as exchangePriceZones
                    // (so that price zones are displayed alphanumerically)
                    for (var priceZoneID in exchangePriceZones) {
                        var priceZone = exchangePriceZones[priceZoneID];

// if there isn't a promocode or the promocode has no price for this price zone
                        // then use the non-promocode price
                        var price = priceInformation[priceZoneID + "::" + fromPromoCode] || priceInformation[priceZoneID];

if ( priceZone && price ) {
                            ul
                            .append($("<li>").addClass("legend-li")
                                .append($("<div>").addClass("price-zone-option")
                                    .append($("<div>").addClass("price-zone-color").css("background-color", priceZone.colour ))
                                    .append($("<div>").addClass("price-zone-info")
                                        .append($("<div>").addClass("zone-label").text(priceZone.label))
                                        .append($("<div>").addClass("item-box-detail-data price-zone-price").attr("id",priceZoneID)
                                            .text(price)
                                        )
                                    )
                                )
                            );

if (!priceZoneInfo[priceZoneID]) {
                                priceZoneInfo[priceZoneID] = {};
                            }
                            if (!priceZoneInfo[priceZoneID].colour) {
                                priceZoneInfo[priceZoneID].colour = priceZone.colour;
                            }
                            priceZoneInfo[priceZoneID].label = priceZone.label;
                            priceZoneInfo[priceZoneID].priceDifference = price;
                            
                        }
                    }
                    // Need a whitespace character after the color element to match normal display
                    $(".price-zone-color").after(" ");
                }
                updateSeatAriaLabels();
            }

function checkUpsell()
            {
            
            } //-checkUpsell

function submitPromoCode()
            {
                var loadMapParam  = tsCreateHidden( "BOparam::WSmap::loadMap", 1 );
                var mapSelectForm = document.forms["mapSelect"];
                mapSelectForm.appendChild( loadMapParam );
                mapSelectForm.appendChild( tsCreateHidden( "BOparam::WSmap::loadMap::orderHandle", "WSorder" ) );
                mapSelectForm.action = "mapSelect.asp";
                $(mapSelectForm).submit();
            }

function showFeesInfo()
            {
                new showAlertPopup('', '', "We charge fees to facilitate the processing of credit and debit card payments and to cover the administration costs and overheads associated with each ticket sale", '', '', '', '');
            }

// function to check the current browser support svg or not [true|false]
            function checkSvgSupport()
            {
                return !!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', "svg").createSVGRect;
            }

function hideTooltip()
            {
                var tooltip_element = document.getElementById('tooltiptest');
                tooltip_element.style.display = 'none';
                tooltip_element.innerHTML = '';
            }

function openPromoModal(event) {
                var promoModal = $("#promo-modal");
                promoModal.modal("show");
                addFocusContext(promoModal[0], true, false, event.currentTarget);
            }

function showTooltip(evt, focused)
            {   
                var priceModalOpen = $('body').hasClass(priceModalOpenClass); // defined in onlineSeatMap.js

// Do not show tooltip for touchable devices or when Price Type modal is open
                if(isTouchScreen() || priceModalOpen)
                    return;

var element          = evt.target;
                var seat_info        = element.getAttribute("data-tsdesc");
                var seat_id          = element.getAttribute("id");
                var status           = element.getAttribute("data-status");

var info_message = null;
                if(obstructionMessages[seat_id])
                    info_message = obstructionMessages[seat_id];

var tooltip_element = document.getElementById('tooltiptest');
                tooltip_element.style.display = 'block';
                var msg = '<div class=\"tooltip-seat-info\">' + tsProtectStringOnClient(seat_info) + "</div>";
                if(info_message)
                {
                    msg += '<div class=\"tooltip-info-message\">' + tsProtectStringOnClient(info_message) + "</div>";
                }

var tooltipHeight = 50;
                var tooltipWidth = 125;
                var seatRect = element.getBoundingClientRect();
                var seatX = seatRect.left;
                var seatY = seatRect.top;

x = focused ? seatX : evt.clientX;
                y = focused ? seatY : evt.clientY;

var rect = document.getElementById('svg_map_section_inner').getBoundingClientRect();
                x = x - rect.left + 10;
                y = y - rect.top + 10;

// edge detect
                if(x + tooltipWidth >= rect.width)
                    x = x - (tooltipWidth) - 50;

if(y + tooltipHeight >= rect.height)
                    y = y - (tooltipHeight) - 50;

tooltip_element.innerHTML = msg;
                tooltip_element.style.left = x + "px";
                tooltip_element.style.top = y + "px";
                tooltip_element.style.minWidth = tooltipHeight + 'px';
                tooltip_element.style.maxWidth = "250px";
                tooltip_element.style.width = "auto";
                tooltip_element.style.width = tooltipWidth + 'px';
                tooltip_element.style.minHeight = tooltipHeight + 'px';
                tooltip_element.style.height = "auto";
                tooltip_element.style.overflow = "hidden";
            } //- showTooltip

// Add the currently selected seats (normal flow or exchange flow) to the main page form
            // This is to prevent seat selections from being lost when changing screens
            function storeCurrentSeatSelections()
            {
                 var delimiter = "||";
                
                for (var i in selectedSeats)
                {
                    // create a hidden input with a string representation of the chosen seat
                    var seat = selectedSeats[i];
                    // String format:
                    // seatId||priceZoneId||priceTypeId||currentFeeMsg||section-row seat
                    // the dash between section and row is added to have an effective and easy way to get the section information for the dataLayer, if left as a space then if "row" and "seat" happen to have spaces for some reason, it could lead to errors when getting the "section".
                    // Example string:
                    // 967A294B-CF41-4E41-B70F-93B8995BD5A6||674D512E-9B45-441F-AE4C-53017FFB33F9||1EDC130E-7F3D-48F9-9320-2527C46EDA3F||$150.00 ticket price + $3.50 fees||Orchestra Left-E 7
                    // Example string with promocoded pricetype (still has the same format but ::promoCodeId is appended on the pricetype as usual).
                    // 967A294B-CF41-4E41-B70F-93B8995BD5A6||674D512E-9B45-441F-AE4C-53017FFB33F9||1EDC130E-7F3D-48F9-9320-2527C46EDA3F::4400E534-0515-46C2-9B60-28E1466A3B58||Orchestra Left-E 7

// If this format is changed, be sure to change how this page parses the string to match the changes.
                    document.forms["mapSelect"].appendChild(tsCreateHidden( "preSelectedSeats", seat.seatId + delimiter + seat.priceZone + delimiter + seat.priceType + delimiter + seat.currentFeeMsg + delimiter + seat.admissionInfo));
                }
                
            }

function showFullMap()
            {
                storeCurrentSeatSelections();
                showScreenMapFromParent();
            }
            
            function updateDonation(checkbox)
            {
                document.getElementById("earlyGiftSet").value = document.getElementById("earlyGiftCheckbox").checked ? "" : "";
            }

// build the form parameters required to submit the seat changes to the order, then submit the form
            function submitSeatChanges()
            {
                
                for (var i in selectedSeats)
                {
                    var seat = selectedSeats[i];
                    document.forms["mapSelect"].appendChild(tsCreateHidden(addSeatID + "::" + seat.priceType, seat.seatId))
                }
                document.getElementById("addSeatToOrder").setAttribute("value", 1);
                
                $(document.forms["mapSelect"]).submit();
            }

// ADD TO CART DATALAYER
            function pushAddToCartDataLayerEvent() {

const ecommerce = getPerformanceEcommerceObject({"show":"ALEXANDRE BARRETTE","performance_date":"2026-10-10T20:00:00.000","availability":"118","availability_default":"460","item_id":"C1492096-CE03-4F2B-A964-2941D9C25ADA","booking_type_default":"seatmap"}, booking_type)
                const priceTypesMap = {"85B92F15-D41E-47FB-8EC6-CDE9B68FFC0C":"AS-R&#233;gulier","5C9DD645-B1D6-4EEE-A9C7-B88BBF645A68":"AS-Acc&#232;s Plus 20%","1E1C8BB7-2115-4CD9-BF49-AB4D4CBBB315":"AS-Acc&#232;s Plus 15%","EB97F63B-43D5-45BD-8B01-B6F9147AB65D":"AS-Acc&#232;s Plus 10%","FB493CFA-4FC3-4232-9791-1B2EB246FA5F":"AS-Migration_Vendredi Fou","B2E68BCF-EB94-45F1-8D83-A753E3D73DF3":"AS-CAL","BC9732F4-E21C-4F07-B0BD-8E6C4226D439":"AS-Faveur Club Culture","D2687489-5F89-47EC-9F02-1A352B4DA05D":"AS-Faveur","FDB7FF1E-240B-45CD-ABC7-5158F95517E7":"AS-Faveur M&#233;dia_&#233;change"};

const promoCodesLabels = "";
                const promoCodesIds = "".split(",");
                const promoCodesMap = promoCodesLabels.split(",").reduce((acc, label, index) => {
                    acc[promoCodesIds[index]] = label.split(" ").join("_").toLowerCase();
                    return acc;
                }, {});

const seatItems = selectedSeats.map(({ priceType, priceZone, admissionInfo }) => {
                    const { show, performance_date, availability, availability_default, booking_type_default, items } = ecommerce;
                    const priceRaw = showCharges ? totalsRendered[priceType][priceZone] : pricesRendered[priceType][priceZone]
                    const promotion = promoCodesMap[priceType.split("::")[1]] ?? "full_price"
                    const section = admissionInfo.split("-")[0]
                    const price_type = priceTypesMap[priceType] ?? priceTypesMap[priceType.split("::")[0]]; // Handle cases where priceType has a promo code appended
                    const priceZoneLabel = priceZoneInfo[priceZone]?.label ?? priceZone;

return {
                        item_id: items[0].item_id,
                        item_name: show,
                        price: parseFloat(priceRaw.replace(/^[^\d\-]+/, '').replace(',','.')), // Remove any symbol/letter from the price
                        currency: "CAD",
                        performance_date,
                        price_zone: priceZoneLabel,
                        promotion,
                        availability,
                        availability_default,
                        booking_type,
                        booking_type_default,
                        price_type,
                        section
                    }
                })

const normalizedSeatItems = normalizeAndGroupAdmissions(seatItems);
                const promotionArray = getUniqueValues(normalizedSeatItems, 'promotion');
                const datalayerObject = {
                    event: 'add_to_cart',
                    event_name: 'add_to_cart',
                    ecommerce: {
                        ...ecommerce,
                        items: normalizedSeatItems,
                        price_zone: getUniqueValues(normalizedSeatItems, 'price_zone'),
                        promotion: promotionArray.length ? promotionArray : "full_price",
                        price_type: getUniqueValues(normalizedSeatItems, 'price_type'),
                        section: getUniqueValues(normalizedSeatItems, 'section'),
                        timeout: "+10m",
                        currency: "CAD",
                        value: normalizedSeatItems.reduce((total, item) => total + item.value, 0),
                        quantity: normalizedSeatItems.reduce((total, item) => total + item.quantity, 0)

}
                }

dataLayer.push(datalayerObject);
            }

function checkTermsAndConditions()
            {                
                
                   submitSeatChanges();
                
            }

function showPopUpMessage(message, performance_name)
            {
                new showSectionPopup("about:blank", message, performance_name, "");

$("#popupDiv_okayButton, #popupDiv_closeButton").on("click", function () {
                    checkTermsAndConditions();
                });
            }

function returnToExchangeEventsAction() {
                var form = document.getElementById("returnToExchangeEvents");
                form.submit();
            }

function continueShoppingAction() {
                jumpTo("default.asp");
            }

var showMoreLabel = "Show More";
            var showLessLabel = "Show Less";

</script>
        
<script type="text/javascript">
    function doGAClicks(selectedItem) {
        //do nothing
    };

function gaTrackEvent(category, action) {
        //do nothing
    };
</script>

function skipToMain() {
        let mainSection = document.querySelector("[role=\"main\"]");
        if (!mainSection) {
            mainSection = document.getElementById("content");
        }
        mainSection.tabIndex = -1; // Required for focus to work on a div
        mainSection.focus();
    }

var spinnerDelay = 3;

function stopSpinner() {
        spinnerElement.classList.remove('show-spinner');
        cancelSpinnerTimeouts();
        expandSpinner();
    }

// Shows the spinner if page takes long to load
    // pass true to allow spinner to show even with a popup open
    (showSpinner = function() {
        var overridePopupCheck = arguments[0] ? arguments[0] : false;
        if (overridePopupCheck || !document.querySelector("#popupDiv")) {
            spinnerDelayTimeout = setTimeout(startSpinner, spinnerDelay*1000);
        }
        return true;
    })();

</script>

/**
 * Returns the unique values for a given property from an array of items.
 * If there is only one unique value, returns that value directly.
 * If there are multiple unique values, returns an array of those values.
 *
 * @param {Array} items - The array of objects to extract unique values from.
 * @param {string} propertyToGet - The property name to extract unique values for.
 * @returns {Array|any} An array of unique values if more than one exists, otherwise the single unique value.
 */
const getUniqueValues = (items, propertyToGet) => {
    if (!items || !Array.isArray(items) || items.length === 0) {
        return [];
    }
    const uniquesList = [...new Set(items.map(item => item[propertyToGet]))]
    return uniquesList.length > 1 ? uniquesList : uniquesList[0];
};

/**
* Decodes a string containing numeric HTML entities (e.g., &#243; -> ó).
* @param {string} encodedText - The string to decode.
* @returns {string} The decoded (clean) string.
*/
function decodeHtmlEntities(encodedText) {
	if (typeof encodedText !== 'string' || !encodedText) return "";
	var textarea = document.createElement('textarea');
	textarea.innerHTML = encodedText;
	return textarea.value;
}

/**
* Normalizes a string for GTM: converts it to lowercase and replaces spaces with underscores.
* Example: "Palco/Platea VR" -> "palco/platea_vr"
* @param {string} str - The string to normalize.
* @returns {string} The normalized string.
*/
function tsNormalizeGtmString(value) {
	if (value == null || typeof value === 'undefined' || value === "")
	{
		return "";
	}
	const str = value.toString();
	const decodedStr = decodeHtmlEntities(str);
	return decodedStr.toLowerCase().replace(/\s+/g, '_');
}

/**
* Normalizes a string/Array for GTM: converts it to lowercase and replaces spaces with underscores.
* Example: "Palco/Platea VR" -> "palco/platea_vr"
* Example: ["Palco","Platea VR"] -> ["palco","platea_vr"]
* @param {string|string[]}str - The string/array to normalize.
* @returns {string|string[]} The normalized data.
*/
function tsNormalizeGtmData(data) {
	if (Array.isArray(data)) {
		return data.map(item => tsNormalizeGtmString(item));
	}

return tsNormalizeGtmString(data);
}

/**
 * Takes an array of admission objects and performs the following steps:
 * 1. Normalizes the string fields (price_type, section, promotion, price_zone) to lowercase and replaces spaces with underscores.
 * 2. Groups admissions that share the same item_id, price, price_type, price_zone, promotion, and section.
 * 3. Increments the quantity for grouped items.
 * 4. Returns an array of unique admissions, each with a quantity and value (quantity * price).
 *
 * @param {Array<Object>} admissions - The array of admission objects to normalize and group.
 * @returns {Array<Object>} An array of grouped and normalized admission objects, each with quantity and value.
 */
const normalizeAndGroupAdmissions = (admissions) => {
    if (!admissions || !Array.isArray(admissions)) {
        return [];
    }
	return admissions
		.map(item => ({
			...item,
			item_name: tsNormalizeGtmData(item.item_name),
			price_type: tsNormalizeGtmData(item.price_type),
			section: tsNormalizeGtmData(item.section),
			promotion: tsNormalizeGtmData(item.promotion),
			price_zone: tsNormalizeGtmData(item.price_zone),
		}))
		.reduce((acc, item) => {
			// Group items that have the same performance id, price, price_type, price_zone, promotion and section
			const key = [item.item_id, item.price, item.price_type, item.price_zone, item.promotion, item.section].join('|');

const found = acc.find(i => i._groupKey === key);

if (found) found.quantity += 1
			else acc.push({ ...item, quantity: item.quantity ?? 1, _groupKey: key });

return acc;
		}, [])
        .map(({ _groupKey, quantity, price, ...rest }) => ({
            ...rest,
            quantity,
            price,
			value: quantity * price
        })); // Remove the internal _groupKey property
}

/**
 * Generates an object for the data layer representing a single performance for ecommerce tracking.
 *
 * @param {Object} performanceData - The performance data object. Should contain:
 *   - item_id: {string} Unique identifier for the performance.
 *   - show: {string} Name of the show.
 *   - performance_date: {string} Date of the performance.
 *   - availability: {string|number} Number of available seats.
 *   - availability_default: {string|number} Total number of seats.
 *   - booking_type_default: {string} Default booking type ("seatmap" or "bestseat").
 * @param {string} booking_type - The booking type for the performance.
 * @returns {Object} An object formatted for the data layer, including:
 *   - items: {Array<Object>} Array with a single item containing performance details.
 *   - show: {string} Name of the show.
 *   - performance_date: {string} Date of the performance.
 *   - availability: {string|number} Number of available seats.
 *   - availability_default: {string|number} Total number of seats.
 *   - booking_type: {string} Booking type.
 *   - booking_type_default: {string} Default booking type.
 *   - referrer_code: {string} Referrer code from the session.
 * Returns an empty object if performanceData is invalid or an error occurs.
 */
function getPerformanceEcommerceObject(performanceData, booking_type) {
    try {
		let dataLayerObject = {};

if (performanceData && performanceData.item_id) {
            const { item_id, show, performance_date, availability, availability_default, booking_type_default } = performanceData;
            const session = getSessionObject()
            dataLayerObject = {
                items: [
                    {
                        item_id,
                        item_name: tsNormalizeGtmData(show),
                        performance_date,
                        availability,
                        availability_default,
                        booking_type,
                        booking_type_default
                    }
                ],
                show: tsNormalizeGtmData(show),
                performance_date,
                availability,
                availability_default,
                booking_type,
                booking_type_default,
                referrer_code: session.av.session.referrer
            }
		}
		return dataLayerObject;
    } catch (error) {
        console.error("There was an issue getting the view item object", error);
        return {};
    }
}

/**
 * Returns a formatted and grouped list of admissions currently in the cart.
 *
 * @returns {Array<Object>} Array of grouped and formatted admission objects, each with a quantity.
 */
function getAdmissionsInCartList() {
	const admissions = [];
    return normalizeAndGroupAdmissions(admissions)
}

/**
 * Returns a formatted and grouped list of admissions currently in the created order.
 *
 * @returns {Array<Object>} Array of grouped and formatted admission objects, each with a quantity.
 */
function getAdmissionsInOrderList() { 
    const admissions = [];
    return normalizeAndGroupAdmissions(admissions)
}

/**
 * Collects and formats information about the current session and the admissions (cart items)
 * in the user's cart. It aggregates unique values for key properties (such as show, performance date, price zone, etc.)
 * and includes session-specific data like timeout and referrer code.
 *
 * @returns {Object} An object with the following properties:
 *   - items: {Array<Object>} The list of admissions currently in the cart, grouped and formatted.
 *   - show: {string|Array<string>} Unique show names in the cart.
 *   - performance_date: {string|Array<string>} Unique performance dates in the cart.
 *   - price_zone: {string|Array<string>} Unique price zones in the cart.
 *   - promotion: {string|Array<string>} Unique promotions in the cart.
 *   - availability: {string|Array<string>} Unique availability statuses in the cart.
 *   - availability_default: {string|Array<string>} Unique default availability values.
 *   - booking_type_default: {string} The default booking type for the cart items.
 *   - price_type: {string|Array<string>} Unique price types in the cart.
 *   - section: {string|Array<string>} Unique sections in the cart.
 *   - timeout: {string} The offer timeout value from the session.
 *   - referrer_code: {string} The referrer code from the session.
 */
function getEcommerceObject(type = "cart") {
	try {
        // type can only be "cart" or "order"
        if (!["cart", "order"].includes(type)) {
            throw new Error("Invalid type provided. Expected 'cart' or 'order'.");
		}

const typeMap = {
			cart: getAdmissionsInCartList(),
			order: getAdmissionsInOrderList()
		}

const session = getSessionObject()
		const admissions = typeMap[type]
		const value = ""

let dataLayerObj = {
			items: admissions,
			show: getUniqueValues(admissions, "item_name"),
			performance_date: getUniqueValues(admissions, "performance_date"),
			price_zone: getUniqueValues(admissions, "price_zone"),
			promotion: getUniqueValues(admissions, "promotion"),
			availability: getUniqueValues(admissions, "availability"),
			availability_default: getUniqueValues(admissions, "availability_default"),
			price_type: getUniqueValues(admissions, "price_type"),
			section: getUniqueValues(admissions, "section"),
			timeout: "+10m",
			referrer_code: session.av.session.referrer,
			currency: admissions.length > 0 ? admissions[0].currency : "",
			quantity: admissions.reduce((total, item) => total + item.quantity, 0),
            value: parseFloat(value.replace(",",".")),
		}

// If the order has been placed, add additional order-related properties

return dataLayerObj
    } catch (error) {
        console.error("There was an issue getting the ecommerce object", error);
    }
}

function testValue(value, pattern)
{
  if(!value || !pattern)
    return false;

if(pattern.constructor === RegExp)
    return pattern.test(value.toString());

return value.toString() == pattern.toString();
}

function isGTM()
{
	return true;
}

function getSessionObject()
{
	return {av: {session: {language: "EN", 
role: "Internet", 
referrer: null, 
user_id: undefined, 
promo_codes: []}}};
}

function getErrorObject()
{
	
	return null;
	
}

function getPageObject()
{
	return {av: {page: { page_script: "/Online/mapSelect.asp", 
 search: { total_records: null, 
 total_pages: null, 
 page_size: null, 
 current_page: null, 
 criteria: { search_from :null, 
 search_to :null, 
 search_criteria :null, 
 category_filter :null, 
 city_filter :null, 
 venue_filter :null, 
 month_filter :null, 
 object_type_filter :null}}, 
 articles: [{article_name: "", article_title: "", article_type: "1", article_id: "66997461-4CD7-41FF-B841-9A6E16AECBB5"},
{article_name: "", article_title: "", article_type: "1", article_id: "049596B6-A9F6-43CC-88BF-0DAB15ABE7C8"}],

articleExists: function (article_type, article_title)    
          {
            if (article_type == null && article_title == null)
            {
              if(this.articles.length)
                return true;
            }
            else if (article_type == null)
            {
              for(var i = 0; i < this.articles.length; i++) {
                  if(testValue(this.articles[i].article_title, article_title))
                    return true;
              }
            }
            else if (article_title == null)
            {
              for(var i = 0; i < this.articles.length; i++) {
                if (testValue(this.articles[i].article_type, article_type))
                  return true;
              }
            }
            else
            {
              for(var i = 0; i < this.articles.length; i++) {
                if (testValue(this.articles[i].article_title, article_title) && testValue(this.articles[i].article_type, article_type))
                  return true;
              }
            }
    
            return false;
          }
	}}};
}

function getOrderEventObject()
{
	return {event: {av: {event: {order: {action: "" }}}, toString: function () { return "av.event.order-" + this.av.event.order.action;}}};
}

function getCartEventObject()
{
	return {event: {av: {event: {cart: {action: "" }}}, toString: function () { return "av.event.cart-" + this.av.event.cart.action;}}};
}

function createGAAdmissions(object, transactionProducts, GA4ecommerceItems)
{
	if( object.order_admissions.length > 0 )
	{
		var admissionList = new Array();
		var admissionPTList = new Array();
		for (var i = 0; i < object.order_admissions.length; i++)
		{
			var perfID = object.order_admissions[i].performance_id;
			if( admissionList[ perfID ] == undefined )
			{
				admissionList[ perfID ] = new Array();
			}
			admissionList[ perfID ].push( object.order_admissions[i] );

if( admissionPTList[ perfID ] == undefined )
			{
				admissionPTList[ perfID ] = new Array();
			}
			var curPTList = admissionPTList[ perfID ];
			var admPTID = object.order_admissions[i].price_type;
			if (curPTList[ admPTID ] == undefined )
			{
				curPTList[ admPTID ] = new Array();
			}
			curPTList[ admPTID ].push( object.order_admissions[i] );
		}
		for( var guid in admissionList )
		{
			var admNode = admissionList[ guid ][ 0 ];
			var perfID = admNode.performance_id;
			var perfNode;
			for (var i = 0; i < object.performances.length; i++)
			{
				if (perfID == object.performances[i].performance_id)
				{
					perfNode = object.performances[i];
					break;
				}
			}    
			var perfName = perfNode.name;
			var perfDesc = perfNode.short_description;
			if (perfDesc == "" || perfDesc == null) {
				perfDesc = perfName;
			}
			var seriesName = perfNode.series_name;

var curPTList = admissionPTList[ perfID ];
			for ( var guid in curPTList )
			{
				seatNode = curPTList[ guid ][ 0 ];
				var admAmount = seatNode.amount.amount;
				var priceTypeLabel = seatNode.price_type;
				var priceZoneLabel = seatNode.price_zone;

var admissions = { "sku": perfName + " Admission " + priceTypeLabel + "-" + priceZoneLabel,
				"name": perfDesc + " Admission",    
				"category": seriesName + " Admission",
				"price": admAmount,
				"quantity": curPTList[ guid ].length
				};

var GA4admissions = {
					"item_id": perfName,
					"item_name": perfDesc,
					"item_category": "Admission",
					"item_category2": seriesName,
					"item_category3": priceTypeLabel,
					"item_category4": priceZoneLabel,
					"price": admAmount,
					"quantity": curPTList[ guid ].length
				};

transactionProducts.push(admissions);
				GA4ecommerceItems.push(GA4admissions);
			}
		}
	}
}

function createGABundles(object, transactionProducts, GA4ecommerceItems)
{
	// roll up bundles by id and price
	// object.order_bundle - data about the bundle on the order: amount, total
	// object.bundles - data about the bundle item: name & description

if( object.bundles.length > 0 )
	{
		var bundleList = {};
		for (var i = 0; i < object.order_bundle.length; i++)
		{
			var bundleID = object.order_bundle[i].bundle_id;
			var bundleAmount = object.order_bundle[i].amount.amount;

if( bundleList[ bundleID ] == undefined )
			{
				bundleList[ bundleID ] = {};
			}
			if( bundleList[ bundleID ][ bundleAmount ] == undefined )
			{
				bundleList[ bundleID ][ bundleAmount ] = 0;
			}
			bundleList[ bundleID ][ bundleAmount ]++;
		}

for (var i = 0; i < object.bundles.length; i++)
		{
			var bundleID = object.bundles[i].bundle_id;
			var sku = object.bundles[i].name;
			var name = object.bundles[i].description;
			var shortDesc = object.bundles[i].short_description;
			if (shortDesc == null) {
				shortDesc = sku;
			}

for(var amount in bundleList[bundleID])
			{
				transactionProducts.push(
				{
					"sku": sku,
					"name": name,    
					"price": amount,
					"quantity": bundleList[bundleID][amount]
				});

GA4ecommerceItems.push(
				{
					"item_id": sku,
					"name": shortDesc,
					"item_category": "Bundle",
					"price": amount,
					"quantity": bundleList[bundleID][amount]
				});
			}
		}
	}
}

var shortDesc = object.misc_items[i].short_description;
            if (shortDesc == null) {
                shortDesc = object.misc_items[i].name;
            }

var GA4miscItems = {
					"item_id": object.misc_items[i].name,
					"item_name": shortDesc,
					"item_category": "Miscellaneous Item",
					"item_category2": object.misc_items[i].category,
					"price": itemAmountList[object.misc_items[i].miscellaneous_item_id],
					"quantity": itemList[object.misc_items[i].miscellaneous_item_id].length
				};
    
			transactionProducts.push(miscItems);
			GA4ecommerceItems.push(GA4miscItems);
		}
	}
}

var GA4gifts = {
					"item_id": giftList[object.order_gifts[i].gift_id],
					"item_name": object.order_gifts[i].appeal_id,
					"item_category": "Gift",
					"item_category2": object.order_gifts[i].fund,
					"price": object.order_gifts[i].pledge_paid_amount.amount,
					"quantity": 1
				};

transactionProducts.push(gifts);
			GA4ecommerceItems.push(GA4gifts);
		}
	}
}

var shortDesc = storedValueShortDescList[object.order_stored_values[i].stored_value_id];
			if (shortDesc == null) {
				shortDesc = storedValueNameList[object.order_stored_values[i].stored_value_id];
			}

var GA4storedValueItems = {
					"item_id": storedValueNameList[object.order_stored_values[i].stored_value_id],
					"item_name": shortDesc,
					"item_category": "Stored Value Item",
					"item_category2": storedValueTypeList[object.order_stored_values[i].stored_value_id],
					"price": parseFloat(object.order_stored_values[i].amount.amount),
					"quantity": 1
				};

transactionProducts.push(storedValueItems);
			GA4ecommerceItems.push(GA4storedValueItems);
		}
	}
}

function createGATransaction(object)
{
	var output;
	var transactionProducts = new Array;
	var GA4ecommerceItems = new Array;

createGAAdmissions(object, transactionProducts, GA4ecommerceItems);
	createGABundles(object, transactionProducts, GA4ecommerceItems);
	createGAMiscItems(object, transactionProducts, GA4ecommerceItems);
	createGAGifts(object, transactionProducts, GA4ecommerceItems);
	createGAStoredValueItems(object, transactionProducts, GA4ecommerceItems);

output = { "transactionId": object.order_number.toString(),
				"transactionAffiliation": object.affiliation == null ? "" : object.affiliation.toString(),    
				"transactionTotal": object.grand_total.amount,
				"transactionTax": object.total_tax.amount,
				"transactionShipping": object.delivery_charges.amount,
				"transactionCity": object.customer_city == null ? "" : object.customer_city.toString(),
				"transactionState": object.customer_state == null ? "" : object.customer_state.toString(),
				"transactionCountry": object.customer_country == null ? "" : object.customer_country.toString(),
				"transactionProducts": transactionProducts,
				"ecommerce": {
					"transaction_id": object.order_number.toString(),
					"value": object.grand_total.amount,
					"tax": object.total_tax.amount,
					"shipping": object.delivery_charges.amount,
					"currency": object.grand_total.currency,
					"items": GA4ecommerceItems
				}
			};

return output;
}

function getRemovedCartObject()
{
	cartEcommerceData = JSON.parse(JSON.stringify());

cartEcommerceData.ecommerce.show = tsNormalizeGtmData(cartEcommerceData.ecommerce.show)
	cartEcommerceData.ecommerce.price_zone = tsNormalizeGtmData(cartEcommerceData.ecommerce.price_zone);
	cartEcommerceData.ecommerce.price_type = tsNormalizeGtmData(cartEcommerceData.ecommerce.price_type);
	cartEcommerceData.ecommerce.section = tsNormalizeGtmData(cartEcommerceData.ecommerce.section);

if (cartEcommerceData.ecommerce.items && Array.isArray(cartEcommerceData.ecommerce.items))
	{
		cartEcommerceData.ecommerce.items = cartEcommerceData.ecommerce.items.map(item => ({
		...item,
		item_name: tsNormalizeGtmData(item.item_name),
		price_zone: tsNormalizeGtmData(item.price_zone),
		price_type: tsNormalizeGtmData(item.price_type),
		section: tsNormalizeGtmData(item.section),
		promotion: tsNormalizeGtmData(item.promotion)
	}));
	}

return cartEcommerceData;
}

</script>

<span class="greeting-message">Order for</span>
                  <span class="greeting-name">Guest</span>

</div>
            </div>
            <div class="customer-greeting">
            
            </div>
            
            <div class="customer-order shopping-cart-details order-message ">
                
                    <span id="orderInfoEmptyMessage">Your shopping cart is empty.</span>
                
            </div>
            
            <div class="customer-buttons">

<button title="Shopping Cart" onclick="submitNewForm(&quot;shoppingCart.asp?sToken=1,74737c36,6a55bad1,7B33C2E5-F35F-4209-AA7B-3000813E56E0,lBIJg1/lFPmC5AxcPM7AUGM8jpY=&quot;)" id="orderInfoCartLink" class="shopping-cart-link btn btn-secondary">
                    Shopping Cart
                    </button>

</div>
            </div>

function setLanguage(dropdown, language) {
        var form = dropdown.closest('form');
        form.querySelector(".sessionlanguage").value = language;
        form.submit();
    }

function updateDropdownDisplay(dropdown) {
        var selectedOption = dropdown.options[dropdown.selectedIndex];
        var displayText = selectedOption.value;
        selectedOption.textContent = displayText; // Ensure the selected option shows the abbreviated version
        if (displayText !== currentLanguage) {
            setLanguage(dropdown, displayText);
        }
    }

function expandDropdown(dropdown) {
        for (var i = 0; i < dropdown.options.length; i++) {
            var option = dropdown.options[i];
            option.textContent = option.getAttribute("data-full");
        }
    }

function collapseDropdown(dropdown) {
        for (var i = 0; i < dropdown.options.length; i++) {
            var option = dropdown.options[i];
            option.textContent = option.value;
        }
        updateDropdownDisplay(dropdown);
    }

<div id="orderInfoSecondBar" class="hide-when-window-small">
        <div class="form-group">
          <span class="greeting-message">Order for</span>
          <span class="greeting-name">Guest</span>
          
       </div>
    </div>

<div class="menuContainer utility-nav">
        <ul id="utility-menu" class="nav">
            
                <li class="utility-menu-item" id="utility-menu-item-login">
                    <a href="login.asp" title="Login" class="menu_item">
                        Login
                    </a>
                </li>
                
                    <li class="utility-menu-item" id="utility-menu-item0">
                    
                                <a href="javascript:void(0);" class="menu_item" onclick="sTokenLink(&quot;maintainAccount.asp?menu_id=0779DC98-E9A8-40FC-8524-C41EA5A64436&quot;, &quot;sToken&quot;, &quot;1,74737c36,6a55bad1,7B33C2E5-F35F-4209-AA7B-3000813E56E0,lBIJg1/lFPmC5AxcPM7AUGM8jpY=&quot;)">
                                    My Account
                                </a>
                                
                    </li>
                    
        </ul>
    </div>
</div>

<div class="header-content container">
        <div class="culture3Rheader" xmlns="http://www.w3.org/1999/xhtml" xmlns:av="http://www.audienceview.com/xml/email/"><img alt="Culture 3R" src="/content/Images/branding/SitePrincipal/culture-3rlogo.png" style="width: 100%;"> <span class="desktopheaderwording">Ticketing</span>
</div>

</div>

</button>
</div>

<li class="menuTopItem " id="menuTopItem0">
		
				<a class="menu_item menu-link" href="javascript:void(0);" onclick="sTokenLink(&quot;default.asp?doWork::WScontent::loadArticle=Load&amp;BOparam::WScontent::loadArticle::article_id=16124EA5-1AB1-4CE3-9A99-626FE2495EC1&amp;menu_id=30605E49-FE0C-455C-BCA5-0462DC658499&quot;, &quot;sToken&quot;, &quot;1,74737c36,6a55bad1,7B33C2E5-F35F-4209-AA7B-3000813E56E0,lBIJg1/lFPmC5AxcPM7AUGM8jpY=&quot;)">
					<span class="menu-label">Shows</span>
				</a>
			
			</li>
	
			<li class="menuTopItem " id="menuTopItem1">
		
				<a class="menu_item menu-link" href="javascript:void(0);" onclick="sTokenLink(&quot;default.asp?doWork::WScontent::loadArticle=Load&amp;BOparam::WScontent::loadArticle::article_id=84127E35-7CB1-426C-A21B-0ADCDD8427AD&amp;menu_id=B224A558-C931-4580-8547-59AF477D858F&quot;, &quot;sToken&quot;, &quot;1,74737c36,6a55bad1,7B33C2E5-F35F-4209-AA7B-3000813E56E0,lBIJg1/lFPmC5AxcPM7AUGM8jpY=&quot;)">
					<span class="menu-label">Exhibitions</span>
				</a>
			
			</li>
	
			<li class="menuTopItem " id="menuTopItem2">
		
				<a class="menu_item menu-link" href="javascript:void(0);" onclick="sTokenLink(&quot;default.asp?doWork::WScontent::loadArticle=Load&amp;BOparam::WScontent::loadArticle::article_id=BE96A51E-E447-48AE-A1AC-B7B684BD5CB8&amp;menu_id=9250CB9E-14C9-40F3-968A-1446DEFA3D8B&quot;, &quot;sToken&quot;, &quot;1,74737c36,6a55bad1,7B33C2E5-F35F-4209-AA7B-3000813E56E0,lBIJg1/lFPmC5AxcPM7AUGM8jpY=&quot;)">
					<span class="menu-label">Cultural Activities</span>
				</a>
			
			</li>
	
			<li class="menuTopItem  has-sub-menu clearfix dropdown" id="menuTopItem3">
		
				<a href="javascript:void(0);" class="menu_item empty-link-dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
					<span class="menu-label">FAQ</span>
					<svg class="svg-inline--fa fa-chevron-down fa-w-14" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>
					<svg class="svg-inline--fa fa-chevron-up fa-w-14" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg>
				</a>
				<div class="menuSub dropdown-menu">
				
					<a class="menuSubItem dropdown-item btn" href="https://billets.culture3r.com/Online/default.asp?doWork::WScontent::loadArticle=Load&amp;BOparam::WScontent::loadArticle::article_id=6399B5CE-9AD2-4665-ACF8-F194092C9ECA" target="_blank">
						Buy a Gift Card
					</a>
				
					<a class="menuSubItem dropdown-item btn" href="https://www.culture3r.com/a-propos/foire-aux-questions/#cartecadeau" target="_blank">
						Use a Gift Card
					</a>
				
					<a class="menuSubItem dropdown-item btn" href="https://billets.culture3r.com/Online/default.asp?doWork::WScontent::loadArticle=Load&amp;BOparam::WScontent::loadArticle::article_id=6707608E-BCEF-435C-8BC1-702FE79CB2E7" target="_blank">
						Become A Member
					</a>
				
					<a class="menuSubItem dropdown-item btn" href="https://www.culture3r.com/a-propos/foire-aux-questions/" target="_blank">
						Complete List of Frequently Asked Questions
					</a>
				
				</div>
			
			</li>
	
            <li class="menuTopItem" id="menuTopItem-languageDropdown">

function setLanguage(dropdown, language) {
        var form = dropdown.closest('form');
        form.querySelector(".sessionlanguage").value = language;
        form.submit();
    }

</div>
</div>

<div id="content">
    <div class="container">

<div role="main" class="bodyDetails" id="mapSelect">
			<script type="text/javascript">
				setInfoMapArticleID();
			</script>
        
                <script type="text/javascript">
                    function submitPrimaryForm()
                    {
                        var primaryForm = document.forms["mapSelect"];
                        primaryForm.action = "mapSelect.asp";
                        primaryForm.submit();
                    }

// change the screen based on the screen(_id) selection
                    function changeScreen()
                    {
                        var selectElement = document.getElementById("tsJumpTo");
                        var current_screen_id = "36246E80-93D7-4B62-8A16-1A137F0E4774";
                        if(current_screen_id == selectElement.value)
                            return;

document.getElementById("tsSelectScreen").value = selectElement.value;

storeCurrentSeatSelections();
                        submitPrimaryForm();
                    }

function enableScreenBtn(screenSelect) {
                        var screenBtn = document.getElementById("change-screen-btn");
                        screenBtn.disabled = screenSelect.selectedIndex == 0 ? true : false;
                    }

</script>
                
                <svg width="0" height="0" xmlns="http://www.w3.org/2000/svg">
                    <defs>
                        <symbol id="hasStar" viewBox="0 0 76 76">
                            <path fill="#FFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 17.4167,32.25L 32.9107,32.25L 38,18L 43.0893,32.25L 58.5833,32.25L 45.6798,41.4944L 51.4583,56L 38,48.0833L 26.125,56L 30.5979,41.7104L 17.4167,32.25 Z "></path>
                        </symbol>
                        <symbol id="hasStar_dark" viewBox="0 0 76 76">
                            <path fill="#000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 17.4167,32.25L 32.9107,32.25L 38,18L 43.0893,32.25L 58.5833,32.25L 45.6798,41.4944L 51.4583,56L 38,48.0833L 26.125,56L 30.5979,41.7104L 17.4167,32.25 Z "></path>
                        </symbol>
                    </defs>
                </svg>    
                <form name="mapSelect" action="mapSelect.asp" method="post" onsubmit="showSpinner()">
                    <input type="hidden" name="sToken" value="1,74737c36,6a55bad1,7B33C2E5-F35F-4209-AA7B-3000813E56E0,lBIJg1/lFPmC5AxcPM7AUGM8jpY=">
                    <input type="hidden" name="screens" id="showScreens" value="1">
                    <input type="hidden" name="BOparam::WSmap::loadMap::screen_id" id="tsSelectScreen" value="">
                    <input type="hidden" name="preSourcePage" value="mapSelect.asp">
                    
                    <input type="hidden" name="performance" value="C1492096-CE03-4F2B-A964-2941D9C25ADA">
                    
                    <input type="hidden" id="addSeatToOrder" name="doWork::WSorder::manageAdmissions" value="0">

<div class="seatMap">
                        <div class="other-event">
                        
                            <a class="btn-unstyled btn-link seatmap_to_calendar" id="backToCalendar" href="#" name="continueShopping" onclick="doGAClicks('Continue'); continueShoppingAction();">
                                <svg class="svg-inline--fa fa-arrow-left fa-w-14" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"></path></svg>
                                Look for other events
                            </a>
                        </div>
                        <div class="seat-tabs-box item-box page-heading">
                            
                                    <h1 class="page-heading">Select Your Own Seats</h1>
                                    <div class="seat-tab"> or <a onclick="doGAClicks('Best Available Tab Off')" href="seatSelect.asp" title="Best Seat Available">Best Seat Available</a></div>

</div>
                        <div class="performance-header clearfix">
                            <div class="performance-info">
                                
                                            <div class="performance-logo last"><img id="logo1" src="/content/Images/PHOTOS/AlexandreBarrette_Ouvert_Visuel_1080x1080_Siteweb.png" alt=""></div>
                                    
                                <h3 class="item-short-description">ALEXANDRE BARRETTE</h3>
                                <div class="item-description" id="item-description">
                                    <p class="performance-venue">Théâtre du Cégep de Trois-Rivières<span class="date"> – 2026-10-10 8:00 p.m.</span></p>
                                    <div id="item-description-text">
                                        <p>Mon nouveau show s’appelle OUVERT. Bien que je sois habituellement pudique sur ma vie privée, je m’ouvre comme jamais dans ce spectacle! Et aussi, quand même important, je crois que vous allez rire beaucoup!</p>
                                        
                                    </div>
                                    <script type="text/javascript">
                                        formatDescription('item-description-text');
                                    </script>
                                </div>
                            </div>
                        </div>
                        <div id="map-parent">

<div id="info_section">
                            </div>
                            <div class="legend-price clearfix">
                                <div class="legend">
                                    <div class="legend-div pricing_legend">
                                        <a id="pricing_dropdown_arrow" href="#pricing_list" role="button" aria-labelledby="pricing_legend_title" aria-expanded="false" aria-controls="pricing_list" data-toggle="collapse"><span class="icon"></span></a>
                                        <h4 id="pricing_legend_title">
                                            CEGEP&nbsp;Pricing
                                            <span class="fee-info small-heading-text">*prices are subject to per ticket fees</span>
                                            
                                        </h4>
                                    </div>
                                    <div id="pricing_list" aria-labelledby="pricing_legend_title" role="region" class="collapse">
                                    
                                        <ul class="legend-ul">
                                            
                                            <li class="legend-li">
                                                <div class="price-zone-option">
                                                    <div class="price-zone-color" style="background-color: #7C94DE"></div>
                                                    <script>
                                                        // build a mapping of price zone info
                                                        {
                                                            let priceZoneId = "81B6E8AE-121E-4F64-98C9-1AC873FBABB9";

if (!priceZoneInfo[priceZoneId]) {
                                                                priceZoneInfo[priceZoneId] = {};
                                                            }
                                                            priceZoneInfo[priceZoneId].label = "Parterre";

if (!priceZoneInfo[priceZoneId].colour)
                                                            {
                                                                priceZoneInfo[priceZoneId].colour = "#7C94DE";
                                                            }
                                                            priceZoneInfo[priceZoneId].priceRange = {minimum: "$49.00", maximum: "$49.00"};
                                                        }
                                                    </script>
                                                    <div class="price-zone-info">
                                                        <div class="zone-label">
                                                        Parterre
                                                            *
                                                                
                                                        </div>
                                                        <div class="item-box-detail-data price-zone-price" id="81B6E8AE-121E-4F64-98C9-1AC873FBABB9">
                                                            $49.00
                                                            <span class="price-zone-price-text"><sup>†</sup></span></div>
                                                        </div>
                                                </div>
                                            </li>
                                                  
                                            <li class="legend-li">
                                                <div class="price-zone-option">
                                                    <div class="price-zone-color" style="background-color: #78DED4"></div>
                                                    <script>
                                                        // build a mapping of price zone info
                                                        {
                                                            let priceZoneId = "D244BBBA-9610-4517-8A24-A843EFC9ABE5";

if (!priceZoneInfo[priceZoneId]) {
                                                                priceZoneInfo[priceZoneId] = {};
                                                            }
                                                            priceZoneInfo[priceZoneId].label = "Balcon";

if (!priceZoneInfo[priceZoneId].colour)
                                                            {
                                                                priceZoneInfo[priceZoneId].colour = "#78DED4";
                                                            }
                                                            priceZoneInfo[priceZoneId].priceRange = {minimum: "$49.00", maximum: "$49.00"};
                                                        }
                                                    </script>
                                                    <div class="price-zone-info">
                                                        <div class="zone-label">
                                                        Balcon
                                                            *
                                                                
                                                        </div>
                                                        <div class="item-box-detail-data price-zone-price" id="D244BBBA-9610-4517-8A24-A843EFC9ABE5">
                                                            $49.00
                                                            <span class="price-zone-price-text"><sup>†</sup></span></div>
                                                        </div>
                                                </div>
                                            </li>

</ul>
                                            
                                          <div class="fee-charges"><sup>†</sup><button type="button" class="btn-link btn-unstyled" onclick="showFeesInfo();">Order or Delivery Fees May Apply</button></div>
                                            
                                    </div>
                                    
                                </div>
                            </div>
                            
                            <div id="map_container">
                                
                                <div id="svg_map_section" class="screen-image">
                                    <div aria-labelledby="price_type_section_title" aria-modal="true" role="dialog" id="price_type_section" class="price-type-modal modal-dialog" data-backdrop="static" tabindex="-1">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 id="price_type_section_title">&nbsp;</h5>
                                                <button type="button" id="closing_span" class="close" onclick="closePriceTypeSection();">
                                                    ×
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                            
                                                <div id="available_price_types" class="Navigation available_price_types_full_width">
                                                </div>
                                                <div id="seat_pic">
                                                    
                                                </div>
                                                <div class="clear_both"></div>
                                                <div id="max_cap_note_dialog" style="display: none">
                                                    *Note: The "Max" values shown above do not reflect your past purchases. In some cases your past purchases may count towards the maximum number of tickets you are allowed.
                                                </div>
                                                <div id="seat_message">
                                                    
                                                </div>
                                            
                                            </div>
                                        </div>
                                    </div> 
                                    <div id="tooltip_wrapper" role="tooltip">
                                        <div id="tooltiptest" class="seat-tooltip"></div>
                                    </div>

var initZoom;
                var initPos = {x:-minX, y:-minY};

function init()
                {
                    //some browsers don't support percent widths on SVGs
                    //so figure out how wide it should be and make sure that it is that wide.
                    svgDoc = document.getElementById("svg_online_map");
                    mapMatrix = svgDoc.getElementById("map-matrix");

// map height in IE equals svgMapMaxHeight (the height of the overview map); for other browsers map height is auto
                    if (/msie/.test(navigator.userAgent.toLowerCase()) || "ActiveXObject" in window) {
                      svgDoc.style.height = 533 + "px";
                    }

if( getIEVersion().major != 9 && getIEVersion().major != 10 ){
                        initSVGPan(svgDoc, true, true);
                    }else{
                        svgDoc.setAttribute("viewBox", "" );
                        
                            initSVGPan(svgDoc, true, false);
                            ieInitZoom();
                        
                    }
                }

// status label definitions
                var obstructionMessages = new Array();
                var obstructionImages = new Array();
				var obstructionImageAltTexts = new Array();

obstructionMessages["43FBBB03-BBA0-48CD-8727-B14FDA561733"] = "Emplacement pour un fauteuil roulant (pas de siège)\nCAL : pour obtenir la gratuité, l’achat doit être fait au comptoir ou par téléphone. Aucun remboursement ne sera octroyé pour les achats CAL fait sur internet.";
obstructionMessages["8FCC0E7B-BB47-4B4D-AB1F-A3DD296834EA"] = "Emplacement pour un fauteuil roulant (pas de siège)\nCAL : pour obtenir la gratuité, l’achat doit être fait au comptoir ou par téléphone. Aucun remboursement ne sera octroyé pour les achats CAL fait sur internet.";
obstructionMessages["D1AC25CD-2F2A-4A3E-A720-C552F11F7AD1"] = "Emplacement pour un fauteuil roulant (pas de siège)\nCAL : pour obtenir la gratuité, l’achat doit être fait au comptoir ou par téléphone. Aucun remboursement ne sera octroyé pour les achats CAL fait sur internet.";
obstructionMessages["5D439B53-15B8-4846-92B3-F13DB202E61B"] = "Emplacement pour un fauteuil roulant (pas de siège)\nCAL : pour obtenir la gratuité, l’achat doit être fait au comptoir ou par téléphone. Aucun remboursement ne sera octroyé pour les achats CAL fait sur internet.";

// price type label and symbol definitions
                var priceTypeNames = new Array();
                var priceTypeSymbols = new Array();
                var processed = new Array();

// Mark the seat as checked (selected by user)
                function markSeatChecked(seatElement)
                {
                    var currentClass = seatElement.getAttribute("class");
                    seatElement.setAttribute("class", currentClass + " checked_seat");
                    seatElement.setAttribute("r", "6");
                }

// like insertBefore...
                function insertAfter(stepSibling, mainKid)
                {
                    mainKid.parentNode.insertBefore(stepSibling, mainKid.nextSibling);
                }

function removeChildren(element)
                {
                    if(!element) return;
                    while(element.firstChild)
                        element.removeChild(element.firstChild);
                }

var pricineString  = 'Please%20Select%20Desired%20Price';
                var dummyTextarea = document.createElement("textarea");
                dummyTextarea.innerHTML = unescape(pricineString);
                var pricingTitle = dummyTextarea.value;
                var noFeeString = 'NO%20Ticket%20Fee';
                var noFeeTitle = unescape(noFeeString);
                var ticketPriceTitle = 'ticket price';
                var feesTitle = 'fees';
                var availableLabel = 'Available';
            </script>
            <script xlink:href="onlineSeatMap.js?_=7.89.0"></script>

</div>
            <div class="map-container">
                    
                <svg focusable="false" version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" id="svg_online_map" class="svg-map" width="100%" style="overflow: hidden; max-height: 533px; touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);" xmlns:ev="http://www.w3.org/2001/xml-events"><defs>
                    <filter id="f1" x="0" y="0">
                        <feGaussianBlur in="SourceGraphic" stdDeviation="1"></feGaussianBlur>
                    </filter>
                    <filter id="f2" x="0" y="0">
                        <feGaussianBlur in="SourceGraphic" stdDeviation="2"></feGaussianBlur>
                    </filter>
                </defs><g id="viewport-20260714042803438" class="svg-pan-zoom_viewport" transform="matrix(1.043222003929273,0,0,1.043222003929273,128.8271119842829,-11.47544204322196)" style="transform: matrix(1.04322, 0, 0, 1.04322, 128.827, -11.4754);">

</g>

</g>

<g id="info_popup" visibility="hidden">
                </g>

</g></svg>
            </div>
            <script>
                addOnload(init);
            </script>
        
                                    </div>
                                </div>
                                
                                <div id="selected_container" class="">
                                    <div class="selected-container-inner">
                                        <div id="selected_section" class="item-box">
                                            
                                            <button type="button" id="selected_dropdown_arrow" href="#selection_list_container" data-toggle="collapse" role="button" aria-labelledby="selected_section_title" aria-expanded="false" aria-controls="selection_list_container"><span class="icon"></span></button>
                                            <div id="selection_header">
                                                <h4 aria-live="polite" aria-atomic="true" id="selected_section_title">Your Selections
                                                    <span id="selected_total">
                                                        <span id="selected_total_num">0</span>
                                                    </span>
                                                </h4>
                                                
                                                <div id="hidden_price_type_elements"></div>
                                                <div class="selection-cta">
                                                
                                                    <input id="add_to_order" type="button" class="btn btn-primary" value="Add to Order" disabled="" onclick="checkTermsAndConditions();pushAddToCartDataLayerEvent();">
                                                    
                                                </div>
                                            </div>

<div id="selection_list_container" class="collapse">
                                                <div id="selection_list">
                                                    <ul id="selected_seats_ul" class="list-unstyled"></ul>
                                                    <p id="message_info" class="fee-charges"></p>
                                                    
                                                        <div class="attention alert alert-info">
                                                            <p>Your order may be subject to transaction and/or delivery fees</p>
                                                            <button type="button" class="btn-link btn-unstyled" onclick="showFeesInfo();">More information about our fees</button>
                                                        </div>
                                                        
                                                </div>
                                            </div>
                                        </div>
                                        <input type="hidden" id="messageValue" value="Order or Delivery Fees May Apply">
                                        
                                    </div>
                                </div>
                                <div id="affix_bottom_anchor" style="display: none; height: 650px;"></div>
                                <script type="text/javascript">
                                    affixSelected();
                                </script>
                                
                            </div> 
                        </div> 
                    </div> 
                </form>

</div> 
        
        </div>
    </div>
</div>
  <div role="contentinfo" id="footer">
    <div class="footer-content container">
<div class="culture-footer pt-5" xmlns="http://www.w3.org/1999/xhtml" xmlns:av="http://www.audienceview.com/xml/email/">
<div class="container">
<div class="row">
<div class="col-md-4 mb-4"><img alt="Culture 3R" class="mb-3" src="/content/Images/branding/SitePrincipal/footer-logo.png" style="max-width: 150px;">
<div class="o-text -sm c-footer__text">
<p><a href="tel:+18193724614" target="_blank" shape="rect">819 372-4614</a>
<br clear="none">
<a href="mailto:info@culture3r.com" target="_blank" shape="rect">info@culture3r.com</a>
</p>

<p><a href="https://www.google.com/maps/place/1425+Pl.+de+l'H%C3%B4tel+de+Ville,+Trois-Rivi%C3%A8res,+QC+G9A+4J4" target="_blank" shape="rect">1425, Place de l'Hôtel-de-Ville<br clear="none">
C.P. 368<br clear="none">
Trois-Rivières (Québec)<br clear="none">
G9A 5H3 </a>
</p>
</div>

<div class="col-md-4 mb-4">
<ul class="list-unstyled giant-menu">
	<li><a href="https://www.culture3r.com" target="_blank" shape="rect">Culture 3R Website</a>
</li>
	<li><a href="https://www.borealis3r.ca/en/" target="_blank" shape="rect">Boréalis Website</a>
</li>
	<li><a href="https://billets.culture3r.com/Online/default.asp?doWork::WScontent::loadArticle=Load&amp;BOparam::WScontent::loadArticle::article_id=6399B5CE-9AD2-4665-ACF8-F194092C9ECA" shape="rect">Gift Card</a>
</li>
</ul>
</div>

<div class="col-md-4 mb-4 text-md-end"><a class="membership-btn btn" href="https://billets.culture3r.com/Online/default.asp?doWork::WScontent::loadArticle=Load&amp;BOparam::WScontent::loadArticle::article_id=6707608E-BCEF-435C-8BC1-702FE79CB2E7" shape="rect">Accès Plus Membership</a>

<ul class="list-unstyled tiny-menu">
	<li><a href="https://www.culture3r.com/a-propos/foire-aux-questions/" target="_blank" shape="rect">FAQ</a>
</li>
	<li><a href="https://www.culture3r.com/a-propos/" target="_blank" shape="rect">About us</a>
</li>
	<li><a href="https://www.culture3r.com/a-propos/nos-partenaires/" target="_blank" shape="rect">Our Partners</a>
</li>
	<li><a href="https://www.culture3r.com/nous-joindre/" target="_blank" shape="rect">Contact us</a>
</li>
</ul>
</div>
</div>

<div><a href="https://www.culture3r.com/privacy-policy/" target="_blank" shape="rect">Privacy Policy </a>
</div>

<div><a href="https://www.culture3r.com/conditions-de-vente/" target="_blank" shape="rect">Terms of Sale </a>
</div>

<div><a href="https://www.culture3r.com/conditions-dutilisation/" target="_blank" shape="rect">Terms of use </a>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
<div id="fade" class="black_overlay"></div>

<script src="/lib/bootstrap/js/bootstrap.bundle.min.js?_=7.89.0" type="text/javascript"></script>

<script src="/lib/fontawesome-free/js/all.min.js"></script>

<script src="bootstrap-functions.js?_=7.89.0" type="text/javascript"></script>

<script>
$(document).ready(function() {
    var body = $("body");
    
    body
    .on("logged-out", function(e) {
        var targetPage = "mapSelect.asp?doWork::WSmap::loadMap=Load&createBO::WSmap=1&BOparam::WSmap::loadMap::performance_ids=C1492096-CE03-4F2B-A964-2941D9C25ADA";
        window.location.assign("login.asp?targetPage="+encodeURIComponent(targetPage));
    });
    
    // on pressing Enter key on an anchor trigger click
    $("a").keypress(function(e){
      if(e.keyCode == 13){
        $(this).trigger("click");
      }
    });
    
    // When page is loaded make sure the Page Load Spinner is not shown
    if (spinnerDelayTimeout) {
        cancelSpinnerTimeouts();
    }
    
    body.removeClass("show-spinner");
    
    // Show spinner when form submitted or link clicked
    var onSubmit;
    $("form").each(
      //Trigger the spinner after any other onsubmit functions for the form
      function(index)
      {
        onSubmit = $(this).attr("onsubmit");
        if ( onSubmit && onSubmit != "" ) {
          onSubmit = onSubmit.trim();
          // if the submit is "returning", we need to && showSpinner otherwise it won't be called
          var returnIndex = onSubmit.indexOf("return");
          if ( returnIndex != -1 ) {
            // remove any trailing semi-colons
            if ( onSubmit.indexOf(";") == onSubmit.length-1 )
              onSubmit = onSubmit.substr(0, onSubmit.length-1);

// wrap the return in () in case it contains ||
            // (add 6 to strip the original "return")
            onSubmit = onSubmit.substr(0, returnIndex) + "return (" + onSubmit.substr(returnIndex + 6) + ")";

// and then append the call to the spinner
            onSubmit += " && showSpinner()";
          }
          else {
            onSubmit += ";showSpinner()";
          }
        }
        else {
          onSubmit = "showSpinner()";
        }
        $(this).attr("onsubmit", onSubmit);
      }
    );

// attach an event listener to each <a> tag to show the spinner if needed
    // only do this if the <a> tag has an "href" attribute, so we don't show
    // the spinner if staying on the page.  If navigating away from the page
    // via an onClick, we are assuming the onClick handles the display of the spinner
    // (or submits the form with jQuery, so the spinner attached to the form.submit
    // is fired)
    $("a").click(function(e) {
      var href = $(this).attr("href") || "";
      var target = $(this).attr("target") || "";

if ((target == "" || /^(_self|_top|_parent)/.test(href)) && href != "" && !/^(#|javascript:|mailto:|file:)/.test(href))
        showSpinner();
    });
});
</script>

// "Continue Shopping" and "Look for other events" buttons to redirect back to Brochure page user came from
    $("a[name=continue-shopping], a[name=continueShopping], input[name=startOver], a[name=error-StartOver], input[name=error-StartOver]").on("click", function(e) {
      var returnTo = getCookie('returnTo');
      if(returnTo){
        e.preventDefault();
        deleteCookie('returnTo');
        window.location.href = returnTo;
      }
    })

// "New Order" button to redirect to EIF home page
    $("input.new-order,input[name=cancel-order]").on("click", function(e){
         var returnTo = getCookie('returnTo');
          if(returnTo){
            e.preventDefault();
            $("#popupDiv_okayButton").on("click", function(e){
               $.ajax({
                 url: 'clearOrder.asp',
                 complete: function() {
                    deleteCookie('returnTo');
                    window.location.href = returnTo;    
                 }
                });
    
             });
          }
    })
  });

//adding the returnTo to the cookie
  var returnTo = "undefined";

if (returnTo) {
      var reffA = document.createElement('a');
      reffA.href = returnTo;

if(reffA.host != window.location.host) {
      setCookie("returnTo", returnTo, 1);
    }
  }

/*
    *****************************************************
    Cookie methods
    *****************************************************
  */
  function setCookie(cname, cvalue, exdays) {
      var d = new Date();
      d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
      var expires = "expires="+d.toUTCString();
      document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  }

Editing Website