window.onload = setScreenClass; 
	window.onresize = setScreenClass;

	//  Following transition classes will be declared:
	//
	//	classname		  screenwidth
	//	------------------------------------------
	//	pda_v			  240px			
	//	pda_h			  320px			
	//	ultralow		  320px -  640px	
	//	screen_lo		  640px -  800px	
	//	screen_med		  800px - 1024px	
	//	screen_hi		 1024px - 1280px	
	//	screen_wide				> 1280px			

	function setScreenClass(){
		var fmt = document.documentElement.clientWidth;
		var cls = (fmt<999)?'../../css/screen-lt800.css':(fmt>=999)?'../../css/screen.css':'../../css/screen.css';
		var dSwitch = (fmt<999)?'Depts':(fmt>=999)?'Departments':'Departments';
		var mSwitch = (fmt<999)?'Membership':(fmt>=999)?'Membership &amp; Day Use':'Membership &amp; Day Use';
		var fSwitch = (fmt<999)?'Facilities':(fmt>=999)?'Our Facilities':'Our Facilities';
		var logoSwitch = (fmt<999)?'../../images/shared/logo-256px.gif':(fmt>=999)?'../../images/shared/logo.gif':'../../images/shared/logo.gif';
		//document.getElementById('count').innerHTML=fmt+'px -> '+cls;
		document.getElementById('screenSwitch').href = cls;
		document.getElementById('departmentsSwitch').innerHTML=dSwitch;
		document.getElementById('membershipSwitch').innerHTML=mSwitch;
		document.getElementById('facilitiesSwitch').innerHTML=fSwitch;
		document.getElementById('logoSwitch').src=logoSwitch;
	};