function getcss(cssfile)
         {
		 // remove next commented line to show screen resolution alert window
		 // alert(screen.width)
            loadcss = document.createElement('link')
            loadcss.setAttribute("rel", "stylesheet")
            loadcss.setAttribute("type", "text/css")
            loadcss.setAttribute("href", cssfile)
            document.getElementsByTagName("head")[0].appendChild(loadcss)
         }
         
         if(screen.width >'1366') 
         // This time we're targeting all resolutions over 1366 pixels wide
         {
            getcss('/System/CSS/RacingDynamics_HD.css') 
            //And we want to load the .css file named "css/1440.css"
         }
         else if(screen.width >= '1024' && screen.width <= '1366')
         //Targeting screen resolutions between 1024 and 1600px wide
         {
            getcss('/System/CSS/RacingDynamics_1024.css')
            //Load 1280x1024.css
         }
         else if(screen.width >= '800' && screen.width < '1024')
         // This time we're targeting all resolutions between 800 and 1280 pixels wide
         {
            getcss('/System/CSS/RacingDynamics_1024.css')
            //And we want to load the .css file named "1024x768.css"
         }
         else if (screen.width <= '800')
         // Defines the resolution range you're targeting (less than 800 pixels wide in this case)
         {
            getcss('/System/CSS/RacingDynamics_800.css')
            // Defines the .css file you want to load for this range (800x600.css)
         }