calling one method in 2 ways

calling one method in 2 ways

Hey,

I've been working on a plug-in which detects weather an element is within the users current view-pane.

The problem is that I want to use it like this:
  1. $('#randomSelector').isOnScreen();
and like this 
  1. $.isOnScreen({left:200, top:200, width:200, height:200});
but I can't figure out how to write the plugin so the method is defined only one, i've got around it so far by defining it twice.

code:
  2. (function($) {
  3. jQuery.extend({
  4. isOnScreen: function(box, container) {
  5. //ensure numbers come in as intgers (not strings) and remove 'px' is it's there
  6. for(var i in box){box[i] = parseFloat(box[i])};
  7. for(var i in container){container[i] = parseFloat(container[i])};
  9. if(!container){
  10. container = {
  11. left: $(window).scrollLeft(), 
  12. top: $(window).scrollTop(), 
  13. width: $(window).width(), 
  14. height: $(window).height()
  15. }
  16. }
  18. if( box.left+box.width-container.left > 0 && 
  19. box.left < container.width+container.left && 
  20. box.top+box.height-container.top > 0 &&
  21. box.top < container.height+container.top
  22. ) return true;
  23. return false;
  24. }
  25. })


  28. jQuery.fn.isOnScreen = function (container) {
  29. for(var i in container){container[i] = parseFloat(container[i])};
  31. if(!container){
  32. container = {
  33. left: $(window).scrollLeft(), 
  34. top: $(window).scrollTop(), 
  35. width: $(window).width(), 
  36. height: $(window).height()
  37. }
  38. }
  40. if( $(this).offset().left+$(this).width()-container.left > 0 && 
  41. $(this).offset().left < container.width+container.left && 
  42. $(this).offset().top+$(this).height()-container.top > 0 &&
  43. $(this).offset().top < container.height+container.top
  44. ) return true;
  45. return false;
  46. }
  47. })(jQuery);
    48.