title: Make elements animate in from outside browser window with jquery?
body: <p>Howdy, I want to have an element slide into view from outside the browser window--the viewable div of my web page is 900px wide and is a box that floats in the center of the browser window. (So, if the browser window is 1100px across, there is 100px of blank space on either side of my 900px div. With a 1500px-wide browser window there 300px of blank space on either side, etc.)</p>
  
  <p>What I want is to have an element slide in from the side so it enters the browser window, then moves across the empty space between the inside edge of the browser window and the outside edge of my 900px box and then enter the box (to be clear, all in one continuous motion). </p>
  
  <p>This is easily done if I only have one size of browser window--I'd just have the element animate left by -=500px or so, but, if a viewer of my web site is using a larger screen, the element would start out inside the blank space instead of outside the browser window. </p>
  
  <p>Of course, I could do something like animate left by -=1000px, but then that would mean people with a smaller screen are just waiting around for the element to appear as it crosses over the non-existent space of the non-existent area of the browser window.</p>
  
  <p>So, my question is, <strong>is there something I can tell jquery (or a plug-in) to do to set the starting point of a moving element just outside the visible edge of the browser window, regardless of the browser window's size?</strong> Thanks!</p>