// 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 = Window.getWidth();
	var cls = 	(fmt <= 240) ? 'pda_ver' : 
			(fmt <= 320) ? 'pda_hor' : 
			(fmt <= 640) ? 'screen_ultralow' : 
			(fmt <= 800) ? 'screen_low' : 
			(fmt <= 1024) ? 'screen_med' : 
			(fmt <= 1280) ? 'screen_high' : 
				'screen_wide';
	document.body.className = cls;
};

window.addEvent("load", setScreenClass );
//window.addEvent("resize", setScreenClass );