(function ($) {
  //Resize image on ready or resize
  $.fn.supersized = function () {
    var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);

    $(document).ready(function () {
      $('#background_container').resizenow();
      $('#background_container').show();
    });

    $(window).bind("resize", function () {
      $('#background_container').resizenow();
    });
  };

  //Adjust image size
  $.fn.resizenow = function () {
    var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
    return this.each(function () {

      //Define image ratio
      var ratio = options.startheight / options.startwidth;

      //Gather browser and current image size
      var imagewidth = $(this).width();
      var imageheight = $(this).height();
      var browserwidth = $(window).width();
      var browserheight = $(window).height();
      var offset;

      //Resize image to proper ratio
      if ((browserheight / browserwidth) > ratio) {
        $(this).height(browserheight);
        $(this).width(browserheight / ratio);
        $(this).children().height(browserheight);
        $(this).children().width(browserheight / ratio);
      } else {
        $(this).width(browserwidth);
        $(this).height(browserwidth * ratio);
        $(this).children().width(browserwidth);
        $(this).children().height(browserwidth * ratio);
      }
      if (options.vertical_center == 1) {
        $(this).children().css('left', (browserwidth - $(this).width()) / 2);
        $(this).children().css('top', (browserheight - $(this).height()) / 2);
      }
      return false;
    });
  };

  $.fn.supersized.defaults = {
    startwidth: 1.5,
    startheight: 1,
    vertical_center: 1
  };

})(jQuery);