So i have a basic jquery function:

Code JavaScript:
$(document).ready(function() {
  $('#element').animate({
    opacity: 1,
    left: 0
  }, 400, function() {
  // animation complete
  });
});

But i want this to animate when it scrolls into viewport, not when the page loads. For this i have downloaded this plugin: http://static.pixeltango.com/jQuery/Bullseye/

The thing is I don't understand how to implement it with my jquery function?

Can anyone help me?

Cheers / jesper