/*
 * 
 * Part of article How to detect screen size and apply a CSS style
 *  original .js file had  warning messages if screen size changed
        if ((screen.width>=1024) && (screen.height>=768))
        {
        alert('Screen size: 1024x768 or larger');
       $("link[rel=stylesheet]:not(:first)").attr({href : "detect1024.css"});
       }
*/

$(document).ready(function() {

   if (screen.width<480)
   {
      $("link[rel=stylesheet]").attr({href : "mobile.css"});
   } else {
      $("link[rel=stylesheet]").attr({href : "style.css"});
   }
});