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

	//  Following transition classes will be declared:
	//
	//	classname		  screenwidth
	//	------------------------------------------
	//	pda_v			  240px			<800	  screen_low	
	//	pda_h			  320px			800-1024  screen_med	
	//	ultralow		  320px -  640px	1024-1280 screen_high
	//	screen_lo		  640px -  800px	1280-1400 screen_large
	//	screen_med		  800px - 1024px	1400-1600 screen_big
	//	screen_hi		 1024px - 1280px	1600-1920 screen_pro
	//	screen_wide			> 1280px	1920-2048 screen_prof	
	//							>2048	  screen_wide

	function setScreenClass(){
		var fmt = document.documentElement.clientWidth;
		var cls = (fmt<=800)?'screen_high':(fmt>800&&fmt<=1024)?'screen_med':(fmt>1024&&fmt<=1280)?'screen_high':(fmt>1280&&fmt<=1400)?'screen_large':(fmt>1400&&fmt<=1600)?'screen_big':(fmt>1600&&fmt<=1920)?'screen_pro':(fmt>1920&&fmt<=2048)?'screen_prof':'screen_prof';
		document.getElementById('count').innerHTML=fmt+'px -> '+cls;
		document.body.className=cls;
	};