document.write("<div class='school_tabs_container'><div class='school_tab_buttons_container'><a id='today' class='school_tab_button school_tab_button_active' href='#tab'>Today</a><a id='sports' class='school_tab_button ' href='#tab'>Sports</a></div><div id='tabContent_today' style='display:block' class='school_tab_content'></div><div id='tabContent_sports' style='display:none' class='school_tab_content'></div>	<div id='spinnerImagePanel'><img style='height:100px' src='https://www.wpanetwork.com/widgets/images/spinner.gif'></div></div><style>	#spinnerImagePanel {		width:100%;		padding:100px;		text-align:center;		border:0px solid red;		display:none;	}	.school_tabs_container {		border:0px solid green;	}	.school_tab_buttons_container {		display:flex;		flex-flow: row;		flex-wrap: nowrap		width: 100%;		border-bottom:1px solid #CCCCCC;	}		a.school_tab_button {		flex-grow: 1;		font-size:1.0em;		font-weight: bold;		padding: 15px;		border: 1px solid #FFFFFF;		text-align:center;		text-decoration: none;		max-width:50%;		background-color: #EFEFEF;		transition: background-color 500ms;		color: #333333;	}		.school_tab_button:hover {		background-color:#333333;		color: #FFFFFF;	}		a.school_tab_button_active {		font-weight:bold;		background-color:#454545;		color: #FFFFFF;		border:1px solid #CCCCCC;		transition: background-color 500ms;	}	.school_tab_button_active:hover {		background-color:#333333;		color: #FFFFFF;	}		.school_tab_content {		border: 0px solid #CCCCCC;		border-top:0px;				min-height:1000px;		padding:20px 0px 0px 0px;	}		  	.year_level_container {		border:0px solid red;		padding:10px;	    font-size:1.25em;	    font-weight:bold;	  }	</style>	<script>			elements = document.getElementsByClassName('school_tab_button');		for (var i = 0; i < elements.length; i++) {			elements[i].addEventListener('click',setSchoolTab);		}		function setSchoolTab(event) {            tabId = event.target.id;            tabContentId= 'tabContent_' + tabId;			tabs = document.getElementsByClassName('school_tab_button');			for (var i = 0; i < tabs.length; i++) {				tabs[i].classList.remove('school_tab_button_active');			}            document.getElementById(tabId).classList.add('school_tab_button_active');             			tabs = document.getElementsByClassName('school_tab_content'); 			for (var i = 0; i < tabs.length; i++) {				tabs[i].style.display = 'none';			}               			tabContent = document.getElementById(tabContentId);          	if (tabContent.innerHTML === '') {            	document.getElementById('spinnerImagePanel').style.display = 'block';                setTabContent(tabId);            }            else {            	document.getElementById(tabContentId).style.display = 'block';            }		}                function setTabContent(tabId) {            			let aTabContent = [];			aTabContent['today'] = 'widget-school-daily.php?school_year=2023-24&school_id=' + 0 + '&output_mode=plain';			aTabContent['sports'] = 'widget-school-sports.php?school_year=2023-24&school_id=' + 0 + '&output_mode=plain';			tabContentId = 'tabContent_' + tabId;			tabContent = document.getElementById(tabContentId);			tabContentUrl = 'https://www.wpanetwork.com/widgets/' + aTabContent[tabId];            output = tabContentUrl;            			var request = new XMLHttpRequest();                		request.open('GET', tabContentUrl);            			request.onreadystatechange = function() {			  if (this.readyState == 4 && this.status == 200) {                  				tabContent.innerHTML = this.responseText;                document.getElementById('spinnerImagePanel').style.display = 'none';                tabContent.style.display = 'block';			  }			};                        request.send();         }          	   function gotoURL( mySelect ) { 		  myIndex = mySelect.selectedIndex; 		  myValue = mySelect.options[myIndex].value; 		  if (myValue.length > 10)			window.location.href = myValue; 	   }                 </script>");