title: Why is my external javascript method saying it is undefined?
body: <p>I have this external method that will load the correct CSS file depending on screen size which works. When I added more folders/pages I realized I need to specify how many folders deep when I'm calling it so it can find the CSS files. It works on the pages that are one folder deep which just has 1 line of text to make sure it is loaded. When I try to load the index page which has pictures and stuff it loads everything except the CSS file saying "ReferenceError: Start is not defined". Why is it not defined? Please keep all solutions strictly to javascript, I don't want to use jQuery for this project.</p>
  
  <p>Here is the HTML this is in the head tag</p>
  
  <pre><code>&lt;script src="../Scripts/Load_CSS_Template.js"&gt;&lt;/script&gt;
  &lt;script&gt;Start(0);&lt;/script&gt;
  </code></pre>
  
  <p>Here is the external javascript</p>
  
  <pre><code>function Start(Folders_Deep)
  { 
  
      if (Folders_Deep == "undefined")
      {
          console.log("I was not defined");
      }
      else
      {
          var Prefix = "";
  
          if(Folders_Deep == 1)
          {
              Prefix = "../";
          } 
  
          console.log("Browser Screen Width: " + window.innerWidth);
          console.log("Hostname: " + window.location.hostname);
          console.log("Folders_Deep: " + Folders_Deep);
          console.log("Prefix: " + Prefix);
  
          if (window.innerWidth &lt;= '1400')
          {
              Get_CSS_File(Prefix + 'Mobile_Template.css'); 
          }
          else 
          { 
              Get_CSS_File(Prefix + 'Desktop_Template.css'); 
          }
      }
  }
  </code></pre>