title: Google Visualization Motion Chart Undefined?
body: <p>Good Morning all!  </p>
  
  <p>I'm running into an issue this morning where I added a Google Visualization Motion Chart to my application.  But like most things its not cross browser compliant.  In FF3 it works fine but in Safari and IE 7 the error console says: "TypeError: Result of expression 'google.visualization' [undefined] is not an object."</p>
  
  <p>I'm not sure why it is happening or what I can change in my code.  Here is the snippet of code that I'am using.  Thank you for the help!</p>
  
  <pre><code>&lt;div id="NRG-motion-chart" style="width: 625; height: 625px;"&gt;&lt;/div&gt;
  
          &lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
  
      google.load('visualization', '1', {'packages':['motionchart']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
          var nrgChart = new google.visualization.DataTable();
          nrgChart.addColumn('string', 'Business Unit');
          nrgChart.addColumn('date', 'Date');
          nrgChart.addColumn('number', 'Sales');
          nrgChart.addColumn('number', 'Covers');
          nrgChart.addColumn('number', 'Sales Per Man Hour');
          nrgChart.addColumn('number', 'Labor Hours Per Cover');
          nrgChart.addColumn('string', 'Location');
          nrgChart.addRows([&lt;?= $gData['gData']; ?&gt; ]);
          var chart = new google.visualization.MotionChart(document.getElementById('NRG-motion-chart'));
          chart.draw(nrgChart, {width: 625, height:625});
      }
      &lt;/script&gt;
  </code></pre>