
	
	if (window.attachEvent) {window.attachEvent('onload', setScreenClass);}
else if (window.addEventListener) {window.addEventListener('load', setScreenClass, false);}
else {document.addEventListener('load', setScreenClass, false);} 
	//remplacement du "window.onload" (qui doit charger la fonction" setScreenClass" qui ne fonctionne pas avec le framework xmlhttprequest, l'utilité est de permettre de déterminer la taille de l'écran pour le css :adresse: http://ckon.wordpress.com/2008/07/25/stop-using-windowonload-in-javascript/
	
 
	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<=240)?'screen_low':(fmt>240&&fmt<=320)?'screen_low':(fmt>320&&fmt<=640)?'screen_low':(fmt>640&&fmt<=800)?'screen_low':(fmt>800&&fmt<=1024)?'screen_med':(fmt>1024&&fmt<=1280)?'screen_high':'screen_wide';
		document.getElementById('count').innerHTML=fmt+'px -> '+cls;
		document.body.className=cls;
	};

