// addLoadEvent Created by: Simon Willison
  // http://simon.incutio.com/archive/2004/05/26/addLoadEvent
  function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
      window.onload = func;
    } else {
      window.onload = function() {
        if (oldonload) {
          oldonload();
        }
        func();
      }
    }
  }
  
  addLoadEvent(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<=240)?'pda_ver':(fmt>240&&fmt<=320)?'pda_hor':(fmt>320&&fmt<=640)?'screen_ultralow':(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;
  };