// Football Prices ################################################################################################################################################################ let FB_Seating=[{Section:"Section 105",FirstRow:0,LastRow:0,MinDon:1000,TicPrice:600, Color: "#ff8200"}, {Section:"Section 106",FirstRow:0,LastRow:0,MinDon:1000,TicPrice:600, Color: "#ff8200"}, {Section:"Section 120",FirstRow:0,LastRow:0,MinDon:1000,TicPrice:600, Color: "#ff8200"}, {Section:"Section 121",FirstRow:0,LastRow:0,MinDon:1000,TicPrice:600, Color: "#ff8200"}, {Section:"Section 105",FirstRow:0,LastRow:0,MinDon:800,TicPrice:600, Color:"#ff0000"}, {Section:"Section 106",FirstRow:0,LastRow:0,MinDon:800,TicPrice:600, Color:"#ff0000"}, {Section:"Section 120",FirstRow:0,LastRow:0,MinDon:800,TicPrice:600, Color:"#ff0000"}, {Section:"Section 121",FirstRow:0,LastRow:0,MinDon:800,TicPrice:600, Color:"#ff0000"}, {Section:"Section 104",FirstRow:0,LastRow:0,MinDon:600,TicPrice:600, Color:"#F2CFEE"}, {Section:"Section 119",FirstRow:0,LastRow:0,MinDon:600,TicPrice:600, Color:"#F2CFEE"}, {Section:"Section 122",FirstRow:0,LastRow:0,MinDon:600,TicPrice:600, Color:"#F2CFEE"}, {Section:"Section 104",FirstRow:0,LastRow:0,MinDon:500,TicPrice:600, Color:"#0f9ed5"}, {Section:"Section 119",FirstRow:0,LastRow:0,MinDon:500,TicPrice:600, Color:"#0f9ed5"}, {Section:"Section 122",FirstRow:0,LastRow:0,MinDon:500,TicPrice:600, Color:"#0f9ed5"}, {Section:"Section 126",FirstRow:0,LastRow:0,MinDon:350,TicPrice:600, Color:"#f1b82d"}, {Section:"Section 127",FirstRow:0,LastRow:0,MinDon:350,TicPrice:600, Color:"#f1b82d"}, {Section:"Section 128",FirstRow:0,LastRow:0,MinDon:350,TicPrice:600, Color:"#f1b82d"}, {Section:"Section 129",FirstRow:0,LastRow:0,MinDon:350,TicPrice:600, Color:"#f1b82d"}, {Section:"Section 130",FirstRow:0,LastRow:0,MinDon:350,TicPrice:600, Color:"#f1b82d"}, {Section:"Section 131",FirstRow:0,LastRow:0,MinDon:350,TicPrice:600, Color:"#f1b82d"}, {Section:"Section 132",FirstRow:0,LastRow:0,MinDon:350,TicPrice:600, Color:"#f1b82d"}, {Section:"Section 103",FirstRow:0,LastRow:0,MinDon:400,TicPrice:400, Color:"#a02b93"}, {Section:"Section 118",FirstRow:0,LastRow:0,MinDon:400,TicPrice:400, Color:"#a02b93"}, {Section:"Section 123",FirstRow:0,LastRow:0,MinDon:400,TicPrice:400, Color:"#a02b93"}, {Section:"Section 102",FirstRow:0,LastRow:0,MinDon:350,TicPrice:400, Color:"#4ea72e"}, {Section:"Section 103",FirstRow:0,LastRow:0,MinDon:350,TicPrice:400, Color:"#4ea72e"}, {Section:"Section 116",FirstRow:0,LastRow:0,MinDon:350,TicPrice:400, Color:"#4ea72e"}, {Section:"Section 117",FirstRow:0,LastRow:0,MinDon:350,TicPrice:400, Color:"#4ea72e"}, {Section:"Section 118",FirstRow:0,LastRow:0,MinDon:350,TicPrice:400, Color:"#4ea72e"}, {Section:"Section 123",FirstRow:0,LastRow:0,MinDon:350,TicPrice:400, Color:"#4ea72e"}, {Section:"Section 124",FirstRow:0,LastRow:0,MinDon:350,TicPrice:400, Color:"#4ea72e"}, {Section:"Section 125",FirstRow:0,LastRow:0,MinDon:350,TicPrice:400, Color:"#4ea72e"}, {Section:"Section 102",FirstRow:0,LastRow:0,MinDon:250,TicPrice:400, Color:"#ffff00"}, {Section:"Section 117",FirstRow:0,LastRow:0,MinDon:250,TicPrice:400, Color:"#ffff00"}, {Section:"Section 124",FirstRow:0,LastRow:0,MinDon:250,TicPrice:400, Color:"#ffff00"}, {Section:"Section 125",FirstRow:0,LastRow:0,MinDon:250,TicPrice:400, Color:"#ffff00"}, {Section:"SOLD OUT",FirstRow:0,LastRow:0,MinDon:0,TicPrice:250, Color: "#c29949"}, {Section:"SOLD OUT",FirstRow:0,LastRow:0,MinDon:0,TicPrice:250, Color: "#c29949"}, {Section:"SOLD OUT",FirstRow:0,LastRow:0,MinDon:0,TicPrice:250, Color: "#c29949"}, {Section:"SOLD OUT",FirstRow:0,LastRow:0,MinDon:0,TicPrice:200, Color: "#ff43e7"}, {Section:"SOLD OUT",FirstRow:0,LastRow:0,MinDon:0,TicPrice:200, Color: "#ff43e7"}, {Section:"SOLD OUT",FirstRow:0,LastRow:0,MinDon:0,TicPrice:200, Color: "#ff43e7"}, {Section:"SOLD OUT",FirstRow:0,LastRow:0,MinDon:0,TicPrice:200, Color: "#ff43e7"}, {Section:"SOLD OUT",FirstRow:0,LastRow:0,MinDon:0,TicPrice:200, Color: "#ff43e7"}, {Section:"SOLD OUT",FirstRow:0,LastRow:0,MinDon:0,TicPrice:200, Color: "#ff43e7"}]; // Basketball Prices ################################################################################################################################################################ let MBB_Seating=[{Section:"Section 105",FirstRow:0,LastRow:0,MinDon:2500,TicPrice:660, Color: "Darkgreen"}, {Section:"Section 106",FirstRow:0,LastRow:0,MinDon:2500,TicPrice:660, Color: "Darkgreen"}, {Section:"Section 107",FirstRow:0,LastRow:0,MinDon:2500,TicPrice:660, Color: "Darkgreen"}, {Section:"Section 105",FirstRow:0,LastRow:0,MinDon:2000,TicPrice:660, Color: "OrangeRed"}, {Section:"Section 106",FirstRow:0,LastRow:0,MinDon:2000,TicPrice:660, Color: "OrangeRed"}, {Section:"Section 107",FirstRow:0,LastRow:0,MinDon:2000,TicPrice:660, Color: "OrangeRed"}, {Section:"Section 115",FirstRow:0,LastRow:0,MinDon:2000,TicPrice:610, Color: "#ffed12"}, {Section:"Section 104",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:480, Color: "LightGreen"}, {Section:"Section 105",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:610, Color: "LightGreen"}, {Section:"Section 107",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:610, Color: "LightGreen"}, {Section:"Section 108",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:480, Color: "LightGreen"}, {Section:"Section 110",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:480, Color: "LightGreen"}, {Section:"Section 111",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:480, Color: "LightGreen"}, {Section:"Section 112",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:480, Color: "LightGreen"}, {Section:"Section 113",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:480, Color: "LightGreen"}, {Section:"Section 114",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:610, Color: "LightGreen"}, {Section:"Section 116",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:610, Color: "LightGreen"}, {Section:"Section 117",FirstRow:0,LastRow:0,MinDon:1500,TicPrice:480, Color: "LightGreen"}, {Section:"Section 105",FirstRow:0,LastRow:0,MinDon:750,TicPrice:610, Color: "DeepSkyBlue"}, {Section:"Section 106",FirstRow:0,LastRow:0,MinDon:750,TicPrice:610, Color: "DeepSkyBlue"}, {Section:"Section 107",FirstRow:0,LastRow:0,MinDon:750,TicPrice:610, Color: "DeepSkyBlue"}, {Section:"Section 114",FirstRow:0,LastRow:0,MinDon:750,TicPrice:610, Color: "DeepSkyBlue"}, {Section:"Section 115",FirstRow:0,LastRow:0,MinDon:750,TicPrice:610, Color: "DeepSkyBlue"}, {Section:"Section 116",FirstRow:0,LastRow:0,MinDon:750,TicPrice:610, Color: "DeepSkyBlue"}, {Section:"Section 103",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 104",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 108",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 109",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 110",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 111",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 112",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 113",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 117",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 118",FirstRow:0,LastRow:0,MinDon:250,TicPrice:480, Color: "DarkKhaki"}, {Section:"Section 205",FirstRow:0,LastRow:0,MinDon:125,TicPrice:355, Color: "DarkRed"}, {Section:"Section 206",FirstRow:0,LastRow:0,MinDon:125,TicPrice:355, Color: "DarkRed"}, {Section:"Section 207",FirstRow:0,LastRow:0,MinDon:125,TicPrice:355, Color: "DarkRed"}, {Section:"Section 214",FirstRow:0,LastRow:0,MinDon:125,TicPrice:355, Color: "DarkRed"}, {Section:"Section 215",FirstRow:0,LastRow:0,MinDon:125,TicPrice:355, Color: "DarkRed"}, {Section:"Section 216",FirstRow:0,LastRow:0,MinDon:125,TicPrice:355, Color: "DarkRed"}]; // ################################################################################################################################################################ function onDocumentReady(fn) { if (document.readyState === "complete" || document.readyState === "interactive") { setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } } let fb1DonPrice = 0, fb1TicketPrice = 0, fb2DRPrice = 0, fb2TicketPrice = 0; let mbb1DonPrice = 0, mbb1TicketPrice = 0, mbb2DonPrice = 0, mbb2TicketPrice = 0; onDocumentReady(function () { // Initial setup for dropdowns const fb1Dropdown = document.getElementById("fb1Dropdown"); const fb2Dropdown = document.getElementById("fb2Dropdown"); const mbb1Dropdown = document.getElementById("mbb1Dropdown"); const mbb2Dropdown = document.getElementById("mbb2Dropdown"); populateSeatOptions(FB_Seating, fb1Dropdown); populateSeatOptions(FB_Seating, fb2Dropdown); populateSeatOptions(MBB_Seating, mbb1Dropdown); populateSeatOptions(MBB_Seating, mbb2Dropdown); // FB1 dropdown fb1Dropdown.addEventListener("change", function() { const selectedOption = this.options[this.selectedIndex]; fb1TicketPrice = selectedOption.getAttribute("data-tic"); fb1DonPrice = selectedOption.getAttribute("data-don"); fb1color = selectedOption.getAttribute("data-color"); const fb1Quantity = document.getElementById("fb1quantity").value; // Set the background color fb1Dropdown.style.backgroundColor = fb1color; calculateFB1(fb1DonPrice, fb1TicketPrice, fb1Quantity); updateSubTotal(); }); // FB2 dropdown fb2Dropdown.addEventListener("change", function() { const selectedOption = this.options[this.selectedIndex]; fb2TicketPrice = selectedOption.getAttribute("data-tic"); fb2DonPrice = selectedOption.getAttribute("data-don"); fb2color = selectedOption.getAttribute("data-color"); const fb2Quantity = document.getElementById("fb2quantity").value; // Set the background color fb2Dropdown.style.backgroundColor = fb2color; calculateFB2(fb2DonPrice, fb2TicketPrice, fb2Quantity); updateSubTotal(); }); // MBB1 dropdown mbb1Dropdown.addEventListener("change", function() { const selectedOption = this.options[this.selectedIndex]; mbb1TicketPrice = selectedOption.getAttribute("data-tic"); mbb1DonPrice = selectedOption.getAttribute("data-don"); mbb1color = selectedOption.getAttribute("data-color"); const mbb1Quantity = document.getElementById("mbb1quantity").value; // Set the background color mbb1Dropdown.style.backgroundColor = mbb1color; calculateMBB1(mbb1DonPrice, mbb1TicketPrice, mbb1Quantity); updateSubTotal(); }); // MBB2 dropdown mbb2Dropdown.addEventListener("change", function() { const selectedOption = this.options[this.selectedIndex]; mbb2TicketPrice = selectedOption.getAttribute("data-tic"); mbb2DonPrice = selectedOption.getAttribute("data-don"); mbb2color = selectedOption.getAttribute("data-color"); const mbb2Quantity = document.getElementById("mbb2quantity").value; // Set the background color mbb2Dropdown.style.backgroundColor = mbb2color; calculateMBB2(mbb2DonPrice, mbb2TicketPrice, mbb2Quantity); updateSubTotal(); }); }); function resetSeats(section) { const form1 = `${section}1Form`; const form2 = `${section}2Form`; document.getElementById(form1).reset(); document.getElementById(form2).reset(); if (section === "fb") { calculateFB1('0', '0', '0'); calculateFB2('0', '0', '0'); document.getElementById('fb1quantity').value = '1'; document.getElementById('fb2quantity').value = '1'; fb1Dropdown.style.backgroundColor = "White"; fb2Dropdown.style.backgroundColor = "White"; fb1Dropdown.color = "Black"; fb2Dropdown.style.color = "Black"; } if (section === "mbb") { calculateMBB1('0', '0', '0'); calculateMBB2('0', '0', '0'); document.getElementById('mbb1quantity').value = '1'; document.getElementById('mbb2quantity').value = '1'; mbb1Dropdown.style.backgroundColor = "White"; mbb2Dropdown.style.backgroundColor = "White"; mbb1Dropdown.style.color = "Black"; mbb2Dropdown.style.color = "Black"; } updateSubTotal(); } function resettotal() { updateIFundAmount('0'); document.getElementById('fb1Form').reset(); document.getElementById('fb2Form').reset(); document.getElementById('mbb1Form').reset(); document.getElementById('mbb2Form').reset(); section1 = 'fb' section2 = 'mbb' if (section1 === "fb") { calculateFB1('0', '0', '0'); calculateFB2('0', '0', '0'); document.getElementById('fb1quantity').value = '1'; document.getElementById('fb2quantity').value = '1'; fb1Dropdown.style.backgroundColor = "White"; fb2Dropdown.style.backgroundColor = "White"; fb1Dropdown.color = "Black"; fb2Dropdown.style.color = "Black"; } if (section2 === "mbb") { calculateMBB1('0', '0', '0'); calculateMBB2('0', '0', '0'); document.getElementById('mbb1quantity').value = '1'; document.getElementById('mbb2quantity').value = '1'; mbb1Dropdown.style.backgroundColor = "White"; mbb2Dropdown.style.backgroundColor = "White"; mbb1Dropdown.style.color = "Black"; mbb2Dropdown.style.color = "Black"; } document.getElementById("add-don").value = 0; updateSubTotal(); } function populateSeatOptions(arr, dropdown) { for (let i = 0; i < arr.length; i++) { const optionText = arr[i].FirstRow === 0 ? arr[i].Section : `${arr[i].Section} Rows: ${arr[i].FirstRow} - ${arr[i].LastRow}`; const optionElement = document.createElement("option"); optionElement.textContent = optionText; optionElement.setAttribute("data-don", arr[i].MinDon); optionElement.setAttribute("data-tic", arr[i].TicPrice); optionElement.setAttribute("data-color", arr[i].Color); optionElement.setAttribute("data-font", arr[i].font); if (arr[i].Color) {optionElement.style.backgroundColor = arr[i].Color;} //if (arr[i].font) {optionElement.style.color = arr[i].font;} dropdown.appendChild(optionElement); }; } function SeatCalc(prefix){ if(prefix === "fb1"){ let fb1qty = document.getElementById("fb1quantity").value; calculateFB1(fb1DonPrice, fb1TicketPrice, fb1qty); } if(prefix === "fb2"){ let fb2qty = document.getElementById("fb2quantity").value; calculateFB2(fb1DonPrice, fb2TicketPrice, fb2qty); } if(prefix === "mbb1"){ let mbb1qty = document.getElementById("mbb1quantity").value; calculateMBB1(mbb1DonPrice, mbb1TicketPrice, mbb1qty); } if(prefix === "mbb2"){ let mbb2qty = document.getElementById("mbb2quantity").value; calculateMBB2(mbb2DonPrice, mbb2TicketPrice, mbb2qty); } } function calculateFB1(don, tic, qty) { var donAmount = Number(don.replace(/[^0-9.-]+/g, "")); var ticketAmount = Number(tic.replace(/[^0-9.-]+/g, "")); const totalAmount = Number((donAmount + ticketAmount) * qty); donAmount = Number(donAmount*qty); ticketAmount= Number(ticketAmount*qty); updatePriceDisplay("fb1", donAmount, ticketAmount, totalAmount); updateSubTotal(); } function calculateFB2(don, tic, qty) { var donAmount = Number(don.replace(/[^0-9.-]+/g, "")); var ticketAmount = Number(tic.replace(/[^0-9.-]+/g, "")); const totalAmount = (donAmount + ticketAmount) * qty; donAmount = Number(donAmount*qty); ticketAmount= Number(ticketAmount*qty); updatePriceDisplay("fb2", donAmount, ticketAmount, totalAmount); updateSubTotal(); } function calculateMBB1(don, tic, qty) { var donAmount = Number(don.replace(/[^0-9.-]+/g, "")); var ticketAmount = Number(tic.replace(/[^0-9.-]+/g, "")); const totalAmount = (donAmount + ticketAmount) * qty; donAmount = Number(donAmount*qty); ticketAmount= Number(ticketAmount*qty); updatePriceDisplay("mbb1", donAmount, ticketAmount, totalAmount); updateSubTotal(); } function calculateMBB2(don, tic, qty) { var donAmount = Number(don.replace(/[^0-9.-]+/g, "")); var ticketAmount = Number(tic.replace(/[^0-9.-]+/g, "")); const totalAmount = (donAmount + ticketAmount) * qty; donAmount = Number(donAmount*qty); ticketAmount= Number(ticketAmount*qty); updatePriceDisplay("mbb2", donAmount, ticketAmount, totalAmount); updateSubTotal(); } function updatePriceDisplay(prefix, donAmount, ticketAmount, totalAmount) { const donCurrency = formatCurrency(donAmount); const ticketCurrency = formatCurrency(ticketAmount); const totalCurrency = formatCurrency(totalAmount); document.getElementById(`${prefix}-don`).innerHTML = donCurrency; document.getElementById(`${prefix}-tic`).innerHTML = ticketCurrency; document.getElementById(`${prefix}-total`).innerHTML = totalCurrency; } function formatCurrency(amount) { return "$" + new Intl.NumberFormat("en-US", { minimumFractionDigits: 2 }).format(amount); } function updateSubTotal() { let fbDonTotal = 0, fbTicketTotal = 0, mbbDonTotal = 0, mbbTicketTotal = 0; let totalDon = 0, totalTicket = 0; // Fetching and converting Donation and Ticket values for FB1 and FB2 let fb1Don = document.getElementById("fb1-don").innerHTML; fb1Don = Number(fb1Don.replace(/[^0-9.-]+/g, "")); let fb2Don = document.getElementById("fb2-don").innerHTML; fb2Don = Number(fb2Don.replace(/[^0-9.-]+/g, "")); let fb1Ticket = document.getElementById("fb1-tic").innerHTML; fb1Ticket = Number(fb1Ticket.replace(/[^0-9.-]+/g, "")); let fb2Ticket = document.getElementById("fb2-tic").innerHTML; fb2Ticket = Number(fb2Ticket.replace(/[^0-9.-]+/g, "")); // Fetching and converting Donation and Ticket values for MBB1 and MBB2 let mbb1Don = document.getElementById("mbb1-don").innerHTML; mbb1Don = Number(mbb1Don.replace(/[^0-9.-]+/g, "")); let mbb2Don = document.getElementById("mbb2-don").innerHTML; mbb2Don = Number(mbb2Don.replace(/[^0-9.-]+/g, "")); let mbb1Ticket = document.getElementById("mbb1-tic").innerHTML; mbb1Ticket = Number(mbb1Ticket.replace(/[^0-9.-]+/g, "")); let mbb2Ticket = document.getElementById("mbb2-tic").innerHTML; mbb2Ticket = Number(mbb2Ticket.replace(/[^0-9.-]+/g, "")); // Calculate totals for FB and MBB fbDonTotal = fb1Don + fb2Don; fbTicketTotal = fb1Ticket + fb2Ticket; mbbDonTotal = mbb1Don + mbb2Don; mbbTicketTotal = mbb1Ticket + mbb2Ticket; // Calculate grand totals for Donations and Tickets totalDon = fbDonTotal + mbbDonTotal; totalTicket = fbTicketTotal + mbbTicketTotal; } function updateIFundAmount(donationAmount) { // Remove any non-numeric characters from the input and convert to a number let parsedDonationAmount = Number(donationAmount.replace(/[^0-9.-]+/g, "")); // Format the number to USD currency with two decimal places let formattedAmount = "$" + new Intl.NumberFormat("en-US", { minimumFractionDigits: 2 }).format(parsedDonationAmount); // Update the relevant elements in the DOM with the formatted amount document.getElementById("add-don").innerHTML = formattedAmount; document.getElementById("add-total").innerHTML = formattedAmount; // Recalculate the subtotal updateSubTotal(); } function updateLevelName(donationAmount) { let currentLevel, nextLevel, nextLevelAmount, levelId; const extraText = document.getElementById('add-level'); extraText.style.display = 'block'; if (donationAmount >= 100000) { currentLevel = "Athletic Director's Cabinet"; nextLevel = "Athletic Director's Cabinet"; nextLevelAmount = 0; levelId = "athletic-Director"; extraText.style.display = 'none'; } else if (donationAmount >= 50000) { currentLevel = "Hall of Fame"; nextLevel = "Athletic Director's Cabinet"; nextLevelAmount = Number(100000 - donationAmount); levelId = "hall-of-fame"; } else if (donationAmount >= 25000) { currentLevel = "All American"; nextLevel = "Hall of Fame"; nextLevelAmount = Number(50000 - donationAmount); levelId = "all-american"; } else if (donationAmount >= 15000) { currentLevel = "Excellence"; nextLevel = "All American"; nextLevelAmount = Number(25000 - donationAmount); levelId = "excellence"; } else if (donationAmount >= 10000) { currentLevel = "Director"; nextLevel = "Excellence"; nextLevelAmount = Number(15000 - donationAmount); levelId = "director"; } else if (donationAmount >= 7500) { currentLevel = "True Tiger"; nextLevel = "Director"; nextLevelAmount = Number(10000 - donationAmount); levelId = "true-tiger"; } else if (donationAmount >= 5000) { currentLevel = "Gold"; nextLevel = "True Tiger"; nextLevelAmount = Number(7500 - donationAmount); levelId = "gold"; } else if (donationAmount >= 3000) { currentLevel = "Columns"; nextLevel = "Gold"; nextLevelAmount = Number(5000 - donationAmount); levelId = "columns"; } else if (donationAmount >= 1000) { currentLevel = "Champion"; nextLevel = "Columns"; nextLevelAmount = Number(3000 - donationAmount); levelId = "champion"; } else if (donationAmount >= 500) { currentLevel = "Varsity"; nextLevel = "Champion"; nextLevelAmount = Number(1000 - donationAmount); levelId = "varsity"; } else if (donationAmount >= 250) { currentLevel = "Black & Gold"; nextLevel = "Varsity"; nextLevelAmount = Number(500 - donationAmount); levelId = "black-gold"; } else if (donationAmount >= 100) { currentLevel = "Rock M"; nextLevel = "Black & Gold"; nextLevelAmount = Number(250 - donationAmount); levelId = "rock-m"; } else if (donationAmount >= 50) { currentLevel = "Booster"; nextLevel = "Rock M"; nextLevelAmount = Number(100 - donationAmount); levelId = "booster"; } else { currentLevel = "Member"; nextLevel = "Booster"; nextLevelAmount = Number(50 - donationAmount); levelId = "member"; } const formattedNextLevelAmount = "$" + new Intl.NumberFormat("en-US", { minimumFractionDigits: 2 }).format(nextLevelAmount); document.getElementById("nextLevelAmt").innerHTML = formattedNextLevelAmount; document.getElementById("levelName").innerHTML = currentLevel; document.getElementById("nextLevelName").innerHTML = nextLevel; // Remove "custom-color" class from all elements with the class document.querySelectorAll(".custom-color").forEach(elem => elem.classList.remove("custom-color")); // Add "custom-color" class to the current level element const currentElement = document.getElementById(levelId); if (currentElement) { currentElement.classList.add("custom-color"); } } function redirectToPage(type) { if(type === "fb-waitlist"){ window.open("https://mutigers.com/sb_output.aspx?form=238"); } if(type === "account"){ window.open("https://am.ticketmaster.com/mizzou/"); } if(type === "mbb-waitlist"){ window.open("https://mutigers.com/sb_output.aspx?form=210"); } if(type === "call"){ window.open("https://mutigers.com/sb_output.aspx?form=12"); } } function showTab(tabIndex) { // Hide all tab contents const tabs = document.querySelectorAll('.ticket-info'); tabs.forEach(tab => tab.style.display = 'none'); // Remove 'active' class from all buttons const buttons = document.querySelectorAll('.tab-button'); buttons.forEach(button => button.classList.remove('active-tab')); // Show the selected tab and activate the corresponding button document.getElementById(`tab-${tabIndex}`).style.display = 'block'; buttons[tabIndex].classList.add('active-tab'); } /* Style for the tabs */ .tabs { display: flex; justify-content: space-between; border-radius: 5px; overflow: hidden; background-color: white; margin-bottom: 20px; width: 100%; } .tab-button { width: 50%; padding: 8px 0; cursor: pointer; background-color: black; border: 2px solid white; border-radius: 5px; font-weight: bold; font-style: italic; color: white; text-align: center; font-size: 14px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease-in-out; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .custom-color{ background-color:#FDB719; color:#000000; } .tab-button:hover { background-color: #FDB719; color: black; } .active-tab { background-color: #FDB719; color: black; border: 2px solid #FDB719; } .ticket-info { display: none; } .black-border { border: 2px solid black; border-radius: 4px; padding: 5px; background-color: white; } body { font-family: 'Roboto', sans-serif; font-size: 14px; } .custom_sticky{ position:fixed; top:0; right:0; left:0; background-color: white; } .custom-title{ color: black; font-size: 2.0rem; font-family: 'Verdana', sans-serif;text-align: center; } table { width: 100%; border-collapse: collapse; } th { border: 1px solid lightgrey; padding: 10px; text-align: left; background-color: black; color:whitesmoke; } td { border: 1px solid lightgrey; padding: 5px; text-align: left; font-size: 14px; } form { margin:0px; padding:0px; } form::before, form::after { content: none;} select { width: 100%; padding: 5px; margin:0px; color:#000000; font-size: 14px; } select:focus-visible { box-shadow: inset -1px -2px white, inset 0 2px white, inset 2px 0 white, inset 0 -2px white, inset -2px 0 white; border-color: white; } input[type="number"] { width: 100%; padding: 5px; } input:focus-visible { box-shadow: inset -1px -2px white, inset 0 2px white, inset 2px 0 white, inset 0 -2px white, inset -2px 0 white; border-color: white; } .ticket-table { display: flex; width: 100%; justify-content: space-between; overflow: hidden; } .custom-season-ticket { max-width: 100%; border-collapse: collapse; } .custom-donations th:nth-child(1), .custom-donations td:nth-child(1) { width: 25%; } .custom-donations th:nth-child(2), .custom-donations td:nth-child(2) { width: 25%; } .custom-donations th:nth-child(3), .custom-donations td:nth-child(3) { width: 25%; } .custom-donations th:nth-child(4), .custom-donations td:nth-child(4) { width: 25%; } .custom-donations2 th:nth-child(1), .custom-donations2 td:nth-child(1) { width: 15%; } .custom-donations2 th:nth-child(2), .custom-donations td:nth-child(2) { width: 15%; } .custom-donations2 th:nth-child(3), .custom-donations2 td:nth-child(3) { width: 25%; } .custom-donations2 th:nth-child(4), .custom-donations2 td:nth-child(4) { width: 25%; } .custom-donations2 th:nth-child(5), .custom-donations2 td:nth-child(5) { width: 20%; } .custom-button { background-color: #FDB719; border:2px solid #FDB719; border-radius: 4px; color: #000000; font-weight: bold; } .responsive-image { max-width: 55%; } @media only screen and (max-width: 768px) { body { font-size: 12px; } select { font-size: 12px; } td { font-size: 12px; } .custom-title{ color: black; font-size: 1.4rem; font-family: 'Verdana', sans-serif;text-align: center; } .custom-button { font-size: 8px; } .responsive-image { max-width: 100%; } .ticket-table{display: inline-block;} } @media only screen and (max-width: 480px) { body { font-size: 10px; } select { font-size: 7px; } td { font-size: 8px; } .custom-title{ color: black; font-size: 0.9rem; font-family: 'Verdana', sans-serif;text-align: center; } .custom-donations2 th:nth-child(1) { font-size: 7px; } .custom-donations2 th:nth-child(2) { font-size: 7px; } .custom-donations2 th:nth-child(3) { font-size: 7px; } .custom-donations2 th:nth-child(4) { font-size: 7px; } .custom-donations2 th:nth-child(5){ font-size: 7px; } .custom-donations th:nth-child(1) { font-size: 7px; } .custom-donations th:nth-child(2) { font-size: 7px; } .custom-donations th:nth-child(3) { font-size: 7px; } .custom-donations th:nth-child(4) { font-size: 7px; } .custom-button { font-size: 10px; } .responsive-br { display: none; } .responsive-image { max-width: 100%; } .ticket-table{display: inline-block;} }