// Copyright (c) 2010 John Hobbs - License Details at http://github.com/jmhobbs/PanoramAh
(
  function ( $ ) {
    $.fn.panoramah = function () {
      return this.each(
        function ( index ) {
          // Localize the element
          var photo = $( this );
          // Extract the relevant data from the rel attribute
          var panorama_width = photo.attr( 'rel' ).split( ':' )[0];
          var panorama_url = photo.attr( 'rel' ).split( ':' )[1];
          // Get the preloader
          var img = $( "<img src='' />" );
          // Setup the onload callback
          img.load(
            function () {
              // Set the background to the image
              photo.css( 'background', "transparent url( '" + panorama_url + "' ) no-repeat -505px 0px" );
              // Clear out the loading crap
              photo.html( "" );
              // Set up the mouse monitoring
              photo.mousemove(
                function ( event ) {
                  // Get the offset
                  offset = Math.floor( ( panorama_width - photo.width() ) * ( ( event.pageX - photo.offset().left ) / photo.width() ) )
                  // Mind the overflows
                  if( offset <= panorama_width - photo.width() ) { photo.css( 'background-position',  '-' + offset + 'px 50%' ); }
                }
              );
            }
          );
          // Start the loading process
          img.attr( 'src', panorama_url );
        }
      );
    }
  }
)(jQuery);