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 class='schedule_heading'>Saturday, October 05, 2024</div><div class='schedule_container'></div>	<style>	.schedule_container {		border:0 solid red;		display:flex;		flex-wrap:nowrap;		overflow-x:auto;		overflow-y:hidden;		column-gap:0.75em;	}		.schedule_heading {		display:block;		width: 100%;		text-align:center;		font-size: 1.5em;		font-weight:800;		margin-bottom:20px;	}		.schedule_sport_container {		width:250px;		min-width:250px;		max-width:250px;	}		.first_sport {		margin-left:auto;	}		.last_sport {		margin-right:auto;	}		.mid_sport {		margin-right:0.5em;		margin-left:0.5em;	}		.schedule_sport_heading {		display: flex;		flex-direction:row;		height:50px;		margin-bottom:25px;		font-size:1.0em;		color:#333333;		border:0 solid green;	}		.schedule_sport_heading_icon {		display: flex;		padding:0.3em;	}		.schedule_sport_heading_content{		display: block;		height: 2.5em;		font-size:1.0em;		width:100%;	}		.schedule_sport_heading_name {		display: block;		width:90%;		border-bottom:2px solid #333333;		margin-bottom:0.2em;		font-size:0.95em;		color:#333333;		text-align:left;	}		.schedule_sport_heading_menu {		display: flex;		flex-direction:row;		justify-content:flex-start;		font-size:0.8em;		color:#333333;	}		.schedule_sport_content {		display: block;		font-size:0.75em;		width:100%;		padding:0px 10px 0px 10px;		overflow-x:hidden;	}			.schedule_date_heading {		font-size:1.1em;		font-weight:bold;		text-align:center;		margin-bottom:0.5em;	}		img.schedule_sport_button_icon {		height:30px;		width:30px;		max-height:30px;		margin-right:0px;	}		a.schedule_sport_button {		color:#222222 !important;		display: block;		width:100%;		padding:5px 5px 5px 5px !important;		text-decoration:none;		font-weight:bold;	}		a.schedulesport_button:hover {		background-color:#EFEFEF !important;	}		a.schedule_sport_menu_button {		display: block;		color:#222222 !important;		padding:2px;		text-decoration:none;		font-size:0.8em;		font-weight:bold;	}		a.schedule_sport_menu_button:hover {		color:RED !important;	}		img.vnn_sport_button_icon {		height:30px;		max-height:30px;		margin-right:10px;	}		    @media only screen and (max-width: 600px) {		img.team_media_icon {			height:25px;			width:25px;			min-width:30px;			margin:1px;    	}    		   .event_actions {			display:flex;			flex-flow:row;			flex-wrap:wrap;			min-width:35px;			max-width:35px;			font-weight:normal;		}	}        @media only screen and (min-width: 601px) {		img.team_media_icon {			height:25px;			width:25px;			margin:1px;    	}    		   .event_actions {			display:flex;			flex-flow:row;			flex-wrap:nowrap;			justify-content:end;			align-items:center;			font-weight:normal;			text-align:center;		}		   		}      			                .schevt_container {                    background-color:#FFFFFF;                    padding:0;                    border:1px solid darkgray;                    border-radius:.25em;	                    width:100%;                }                                .schevt_details {                    display:flex;                    padding:0.2em;                    background-color:#FFFFFF;                    border-radius:5px;                    border:0 solid magenta;                    max-height:5em;                    overflow-y:auto;                    overflow-x:hide;                }                                 .schevt_actions {                    display:block;                    text-align:center;                    border-top:1px dashed #CCCCCC;                    max-height:25px;                }                                                .schevt_transportation {                    display:block;                    padding:0.2em;                    background-color:#EFEFEF;                    border:0px solid magenta;                    max-height:5em;                    font-size: 0.8em;                    text-align:left;                }                                .schevt_team {                    display: flex ;                    width:100%;                    overflow:hide;                }                                .schevt_team_logo {                    align-items: center;                    padding:0em;                    border:0 solid red;                    width:2.0em;                    min-width:2.0em;                    max-width:2.0em;                    overflow:hidden;                }                                .schevt_team_name {                    white-space:nowrap;                    font-size:1.0em;                    padding:0.1em;                    min-width:9em;                    overflow:hidden;                }                                .schevt_team_score {                    text-align:right;                    margin-right:0.25em;                    font-size:1.1em;                    font-weight:700;                }                   img.team_link_logo {                    height:1.5em;                }		                        .schevt_header {                display:flex;                justify-content:space-between;                padding:0.2em;                background-color:#000000;                color:#FFFFFF;                border-radius: .25em .25em 0 0;            }                        .schevt_header_L {                display: flex;                font-size:1.0em;                font-weight:bold;            }                        .schevt_header_R {                display: flex;                font-size:0.9em;                font-weight:bold;            }                             .schevt_title {                    display:block;                    text-align:center;                    padding:1px;                    background-color:#EFEFEF;                }                         .schevt_subheader {                display:flex;                justify-content:space-between;                background-color:#EFEFEF;            }                        .schevt_subheader_L {                display: flex;                padding:3px;                font-size:0.9em;                font-weight:normal;                font-style: italic;            }                        .schevt_subheader_R {                display: flex;                padding:3px;                font-size:0.9em;                font-weight:normal;                text-decoration:italic;            }                         .schevt_alert {                color: red;                font-weight:bold;            }                        .schevt_cancelled {                 text-decoration: line-through;            }                                   a.team_link_logo {                margin:0;            }                        a.team_link_name {                margin:0;                color:#000000;                text-decoration: none;            }                        a.team_link_name:visited {                margin:0;                color:#000000;                text-decoration: none;            }                        a.team_link_name:hover {                margin:0;                color:RED;                text-decoration: none;            }                a.team_link_name_host {                margin:0;                color:#000000;                text-decoration: none;                font-weight:bold;            }                        a.team_link_name_host:visited {                margin:0;                color:#000000;                text-decoration: none;            }                        a.team_link_name_host:hover {                margin:0;                color:RED;                text-decoration: none;            }        		</style>	</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=2024-25&school_id=' + 167 + '&output_mode=plain';			aTabContent['sports'] = 'widget-school-sports.php?school_year=2024-25&school_id=' + 167 + '&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>");