window.onload = function(){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<=550)?'pda':(fmt>550&&fmt<=1000)?'low':'high';

    document.body.className=cls;
};

	

// When the page is ready
$(document).ready(function(){

	Cufon.replace('#content h1, #footer, #tagline, .modulo h5');
	
});