title: Using Greensock JS with WordPress
body: <p>Checked around various tutorial/forum sites but can't crack this problem I'm having getting Greensock JS Animation Platform running in WordPress.</p>
  
  <p>I've got a WP site up and running and have linked all relevant (as far as I can see) GS files as follows:</p>
  
  <pre><code>function greensock_scripts()
  {
  
  wp_register_script( 'mytweenmax', get_template_directory_uri() . '/js/minified  /TweenMax.min.js');
  wp_register_script( 'myeasepack', get_template_directory_uri() . '/js/minified/easing/EasePack.min.js');
  wp_register_script( 'mycssplugin', get_template_directory_uri() . '/js/minified/plugins/CSSPlugin.min.js');
  wp_register_script( 'mygsext', get_template_directory_uri() . '/js/greensock_ext.js');
  wp_register_style( 'mygscss', get_template_directory_uri() . '/css/gs_styles.css');
  
  wp_enqueue_script( 'mytweenmax' );
  wp_enqueue_script( 'myeasepack' );
  wp_enqueue_script( 'mycssplugin' );
  wp_enqueue_script( 'mygsext' );
  wp_enqueue_style( 'mygscss' );  
  }
  add_action( 'wp_enqueue_scripts', 'greensock_scripts' );
  </code></pre>
  
  <p>Double-checked pathway to files ... all OK.</p>
  
  <p>The greensock_ext.js contains my call to scripts:</p>
  
  <pre><code>window.onload = function(){
      var thebox = document.getElementById("mybox");
      TweenMax.to(thebox, 2, {left:"632px", delay:4});
  }
  </code></pre>
  
  <p>Styles are working:</p>
  
  <pre><code>#mycontainer{
  width:600px;
  height:50px;
  background-color: #ccc;
  }
  
  #mybox{
  width:20px;
  height:20px;
  background-color:#f00;
  position:relative;
  
  
  }
  </code></pre>
  
  <p>All good, but can't get any animation happening :(</p>
  
  <p>Any advice would be greatly appreciated.</p>
  
  <p>Mekong</p>