title: How to Load Global Varables in header into External Javascript FIle
body: <p>I have created meta-data keys on my Wordpress posts, as follows: prettyAd, prettyName, prettyLink. I want to take the value for each key and load it into a Global Variable in the header of my site.</p>
  
  <p>I am setting Global variables in my WordPress Theme header as follows...</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var prettyAd = "&lt;?php echo get_post_meta($post-&gt;ID, 'prettyAd', true); ?&gt;";
      var prettyName = "&lt;?php echo get_post_meta($post-&gt;ID, 'prettyName', true); ?&gt;";
      var prettyLink = "&lt;?php echo get_post_meta($post-&gt;ID, 'prettyLink', true); ?&gt;";
  &lt;/script&gt;
  </code></pre>
  
  <p>Which outputs the following when the page is loaded...</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var prettyAd = "http://mydomainname.com/ad-placeholders/ad.png";
      var prettyName = "Pet Store Shop";
      var prettyLink = "http://mydomainname.com/advertise/";
  &lt;/script&gt;
  </code></pre>
  
  <p>After that, an external JavaScript file (prettyphoto.js - version 3.1) is loaded which I would like to access the variables set above.</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://mydomain.com/wp-content/themes/wpnavigator/scripts/prettyphoto.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Once the above file has access to the variables I would like to load them into the following html where I have referenced them.</p>
  
  <pre><code>&lt;p&gt;
      Sponosor: &lt;a href="var prettyLink" target="_blank"&gt;var prettyName&lt;/a&gt;
  &lt;/p&gt;
  &lt;p&gt;
      &lt;a href="var prettyLink" target="_blank"&gt;
          &lt;img src="var prettyAd" width="468" height="60" alt="Sponsors Ad" /&gt;
      &lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>From what I understand I will need to have the JavaScript compile the whole tag as i can not load the variables directly as the src and href values. </p>
  
  <p>So what I am looking for help with is the following.</p>
  
  <ol>
  <li>How do I call the global variables that have been set in the header.php into the prettyphoto.js file</li>
  <li>How do I write a function that will use these variables and output the HTML shown above.</li>
  <li>Is there a better way of doing this than with Global variables or are they the only way.</li>
  </ol>