$(document).ready(function(){
   var splashid = Math.floor(Math.random()*6);

   function imagecorrectwidth(){
      if (screen.width <= 800){
         $('#stcc').html('<img width="100%" src="width/'+screen.width+'/stcc_top_highres.jpg" alt="STCC logo" />');
         $('#race').html('<img width="100%" src="width/'+screen.width+'/stcc_splash'+splashid+'.jpg" alt="STCC Race Car" />');
      } else{
         $('#stcc').html('<img width="100%" src="img/width/800/stcc_top_highres.jpg" alt="STCC logo" />');
         $('#race').html('<img width="100%" src="img/width/800/stcc_splash'+splashid+'.jpg" alt="STCC Race Car" />');
      }
   }
   imagecorrectwidth();
   
   // Detect whether device supports orientationchange event, otherwise fall back to // the resize event. 
   var supportsOrientationChange = "onorientationchange" in window, orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";
   window.addEventListener(orientationEvent, function() { 
      imagecorrectwidth();
   }, false);
});