document.write("<div class='year_level_container'>Team: <select class='schedule_selector' onchange='gotoURL(this);'><option SELECTED value='#'>2023-24 Varsity</option><option value='#'></option><option value='team/?schoolid=338&sportid=6&schoolyear=2023-24'>2023-24</option><option value='team/?schoolid=338&sportid=6&schoolyear=2023-24&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2023-24&levelid=11&arbiterTeamId={}'> &nbsp; &nbsp; Junior Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2023-24&levelid=10&arbiterTeamId={}'> &nbsp; &nbsp; C-Team</option><option value='team/?schoolid=338&sportid=6&schoolyear=2023-24&levelid=9&arbiterTeamId={}'> &nbsp; &nbsp; Frosh</option><option value='team/?schoolid=338&sportid=6&schoolyear=2022-23'>2022-23</option><option value='team/?schoolid=338&sportid=6&schoolyear=2022-23&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2022-23&levelid=11&arbiterTeamId={}'> &nbsp; &nbsp; Junior Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2022-23&levelid=10&arbiterTeamId={}'> &nbsp; &nbsp; C-Team</option><option value='team/?schoolid=338&sportid=6&schoolyear=2022-23&levelid=9&arbiterTeamId={}'> &nbsp; &nbsp; Frosh</option><option value='team/?schoolid=338&sportid=6&schoolyear=2021-22'>2021-22</option><option value='team/?schoolid=338&sportid=6&schoolyear=2021-22&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2021-22&levelid=11&arbiterTeamId={}'> &nbsp; &nbsp; Junior Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2021-22&levelid=10&arbiterTeamId={}'> &nbsp; &nbsp; C-Team</option><option value='team/?schoolid=338&sportid=6&schoolyear=2021-22&levelid=9&arbiterTeamId={}'> &nbsp; &nbsp; Frosh</option><option value='team/?schoolid=338&sportid=6&schoolyear=2020-21'>2020-21</option><option value='team/?schoolid=338&sportid=6&schoolyear=2020-21&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2020-21&levelid=11&arbiterTeamId={}'> &nbsp; &nbsp; Junior Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2019-20'>2019-20</option><option value='team/?schoolid=338&sportid=6&schoolyear=2019-20&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2019-20&levelid=11&arbiterTeamId={}'> &nbsp; &nbsp; Junior Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2019-20&levelid=10&arbiterTeamId={}'> &nbsp; &nbsp; C-Team</option><option value='team/?schoolid=338&sportid=6&schoolyear=2018-19'>2018-19</option><option value='team/?schoolid=338&sportid=6&schoolyear=2018-19&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2018-19&levelid=11&arbiterTeamId={}'> &nbsp; &nbsp; Junior Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2018-19&levelid=10&arbiterTeamId={}'> &nbsp; &nbsp; C-Team</option><option value='team/?schoolid=338&sportid=6&schoolyear=2018-19&levelid=9&arbiterTeamId={}'> &nbsp; &nbsp; Frosh</option><option value='team/?schoolid=338&sportid=6&schoolyear=2017-18'>2017-18</option><option value='team/?schoolid=338&sportid=6&schoolyear=2017-18&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2017-18&levelid=11&arbiterTeamId={}'> &nbsp; &nbsp; Junior Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2017-18&levelid=10&arbiterTeamId={}'> &nbsp; &nbsp; C-Team</option><option value='team/?schoolid=338&sportid=6&schoolyear=2017-18&levelid=9&arbiterTeamId={}'> &nbsp; &nbsp; Frosh</option><option value='team/?schoolid=338&sportid=6&schoolyear=2016-17'>2016-17</option><option value='team/?schoolid=338&sportid=6&schoolyear=2016-17&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2016-17&levelid=11&arbiterTeamId={}'> &nbsp; &nbsp; Junior Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2016-17&levelid=10&arbiterTeamId={}'> &nbsp; &nbsp; C-Team</option><option value='team/?schoolid=338&sportid=6&schoolyear=2015-16'>2015-16</option><option value='team/?schoolid=338&sportid=6&schoolyear=2015-16&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2015-16&levelid=11&arbiterTeamId={}'> &nbsp; &nbsp; Junior Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2015-16&levelid=10&arbiterTeamId={}'> &nbsp; &nbsp; C-Team</option><option value='team/?schoolid=338&sportid=6&schoolyear=2014-15'>2014-15</option><option value='team/?schoolid=338&sportid=6&schoolyear=2014-15&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2013-14'>2013-14</option><option value='team/?schoolid=338&sportid=6&schoolyear=2013-14&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option><option value='team/?schoolid=338&sportid=6&schoolyear=2012-13'>2012-13</option><option value='team/?schoolid=338&sportid=6&schoolyear=2012-13&levelid=12&arbiterTeamId={}'> &nbsp; &nbsp; Varsity</option></select></div><div class='team_tabs_container'><div class='team_tab_buttons_container'><a id='week' class='team_tab_button team_tab_button_active' href='#tab'>Week</a><a id='schedule' class='team_tab_button ' href='#tab'>Schedule</a><a id='staff' class='team_tab_button ' href='#tab'>Staff</a><a id='roster' class='team_tab_button ' href='#tab'>Roster</a></div><div id='tabContent_week' style='display:block' class='team_tab_content'>	<!doctype html>	<html lang='en'>	<style>    @media (min-width: 1000px) {        .content_mobile_only {          display: none;        }    }    @media (max-width: 767px) {        .content_desktop_only {          display: none;        }    }        .schedule_container {        border: 0px solid green;    }        .schedule_heading {        font-size:1.5px;        font-weight: bold;    }        .schedule_weekly_contents {        border:0px solid red;        font-size: 0.85em;    }        .schedule_dow {        display:block;        margin-top:20px;        font-size: 1.5em;        font-weight: bold;    }        .schedule_event_row {        display:flex;        flex-wrap:nowrap;        margin-left:10px;        margin-top:7px;        justify-content: flex-start;        column-gap:10px;    }        .schedule_event_field_group {        display: flex;        flex-wrap: wrap;        justify-content: flex-start;            column-gap:10px;            }        .schedule_event_time {        width:60px;        font-weight:normal;    }         .schedule_event_location {        font-weight:normal;        width: 50px;      }           .schedule_event_title {        min-width:100px;        max-width:150px;    }        .schedule_event_level {        width:100px;        font-weight:bold;    }        .schedule_event_site {        font-weight:normal;        width: 200px;            }        .schedule_event_result {        font-weight:bold;        width:100px;    }        .schedule_event_site {        }        .schedule_event_transportation {        margin-left:120px;        margin-top:3px;        margin-bottom:10px;        display:block;        width:100%;        font-size:0.9em;        font-style:italic;;    }        .schedule_event_cancelled {        color: RED;        text-decoration: line-through;    }</style>	<div class='schedule_container'>  <div class='schedule_weekly_contents'><div class='schedule_dow'>Saturday</div><div class='schedule_event_row'><div class='schedule_event_field_group'><div class='schedule_event_level'>Varsity</div><div class='schedule_event_title'>North Kitsap</div></div><div class='schedule_event_field_group'><div class='schedule_event_location'>Away</div></div><div class='schedule_event_field_group'><div class='schedule_event_result'>Lost 6-4</div></div></div>  </div></div>		</html>	</div><div id='tabContent_schedule' style='display:none' class='team_tab_content'></div><div id='tabContent_staff' style='display:none' class='team_tab_content'></div><div id='tabContent_roster' style='display:none' class='team_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;	}	.team_tabs_container {		border:0px solid green;	}	.team_tab_buttons_container {		display:flex;		flex-flow: row;		flex-wrap: nowrap		width: 100%;		border-bottom:1px solid #CCCCCC;	}		a.team_tab_button {		flex-grow: 1;		font-size:1.0em;		font-weight: bold;		padding: 15px 5px 15px 5px;		border: 1px solid #FFFFFF;		text-align:center;		text-decoration: none;		width:25%;		background-color: #EFEFEF;		transition: background-color 500ms;		color: #333333;	}		.team_tab_button:hover {		background-color:#333333;		color: #FFFFFF;	}		a.team_tab_button_active {		font-weight:bold;		background-color:#454545;		color: #FFFFFF;		border:1px solid #CCCCCC;		transition: background-color 500ms;	}	.team_tab_button_active:hover {		background-color:#333333;		color: #FFFFFF;	}		.team_tab_content {		border: 0px solid #CCCCCC;		border-top:0px;				min-height:1000px;		padding:20px 10px 10px 10px;		background-color:#FFFFFF;		opacity:0.85;	}		  	.year_level_container {		border:0px solid red;		padding:10px;	    font-size:1.25em;	    font-weight:bold;	  }	  	.c-btn_container {        width:100%;        padding:10px;    }    </style>	<script>			elements = document.getElementsByClassName('team_tab_button');		for (var i = 0; i < elements.length; i++) {			elements[i].addEventListener('click',setTeamTab);		}        		function showSchedule(scheduleId) {			var sc = document.getElementById('schedule_container_' + scheduleId);			var scBtn = document.getElementById('schedule_button_' + scheduleId);						[].forEach.call(document.querySelectorAll('.schedule_container'), function (el) {			  el.style.display = 'none';			});	                        [].forEach.call(document.querySelectorAll('.c-btn_active'), function (el) {			  el.className='c-btn';			});								sc.style.display = 'block';            scBtn.className = 'c-btn_active';		}		function setTeamTab(event) {            tabId = event.target.id;            tabContentId= 'tabContent_' + tabId;			tabs = document.getElementsByClassName('team_tab_button');			for (var i = 0; i < tabs.length; i++) {				tabs[i].classList.remove('team_tab_button_active');			}            document.getElementById(tabId).classList.add('team_tab_button_active');             			tabs = document.getElementsByClassName('team_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['week'] = 'widget-team-weekly.php?school_id=' + 338 + '&sport_id=' + 6 + '&output_mode=plain';			aTabContent['schedule'] = 'widget-team-schedule.php?school_year=2023-24&school_id=' + 338 + '&sport_id=' + 6 + '&level_id=' + 12 + '&output_mode=plain';			aTabContent['staff'] = 'widget-team-staff.php?school_year=2023-24&school_id=' + 338 + '&sport_id=' + 6+ '&level_id=' + 12 + '&output_mode=plain';			aTabContent['roster'] = 'widget-team-roster.php?school_year=2023-24&school_id=' + 338 + '&sport_id=' + 6+ '&level_id=' + 12 + '&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>");