(function( jQuery ) {

  jQuery.fn.ImageResize = function( params ) {

    var aspectRatio = 0
      // Nasty I know but it's done only once, so not too bad I guess
      // Alternate suggestions welcome :)
      ,	isIE6 = jQuery.browser.msie && (6 == ~~ jQuery.browser.version)
      ;

    // We cannot do much unless we have one of these
    if ( !params.height && !params.width ) {
      return this;
    }

    // Calculate aspect ratio now, if possible
    if ( params.height && params.width ) {
      aspectRatio = params.width / params.height;
    }
//    console.log("&*",aspectRatio, params.aspectratio)

    // Attach handler to load
    // Handler is executed just once per element
    // Load event required for Webkit browsers
    return this.one( "load", function() {

      // Remove all attributes and CSS rules
//      this.removeAttribute( "height" );
//      this.removeAttribute( "width" );
      this.style.height = this.style.width = "";

      var imgHeight = this.height
        ,	imgWidth = this.width
        ,	imgAspectRatio = imgWidth / imgHeight
        ,	bxHeight = params.height
        ,	bxWidth = params.width
        ,	bxAspectRatio = aspectRatio;
				
      // Work the magic!
      // If one parameter is missing, we just force calculate it
      if ( !bxAspectRatio ) {
        if ( bxHeight ) {
          bxAspectRatio = imgAspectRatio + 1;
        } else {
          bxAspectRatio = imgAspectRatio - 1;
        }
      }

//			console.log(imgWidth, imgAspectRatio );

      // Only resize the images that need resizing
      //if ( (bxHeight && imgHeight > bxHeight) || (bxWidth && imgWidth > bxWidth) ) {

/*
        if ( imgAspectRatio > bxAspectRatio ) {
          bxHeight = ~~ ( imgHeight / imgWidth * bxWidth );
        } else {
*/
          bxWidth = ~~ ( imgWidth / imgHeight * bxHeight );
//        }
			if(imgWidth>jQuery(window).width()){
				        //this.width = bxWidth-20;
				//stick width to window width        
				jQuery(this).css('width',jQuery(window).width()-40);
				//height should be calculated
				jQuery(this).css('height',jQuery(this).width()/imgAspectRatio);
				//console.log("&",imgWidth, bxWidth/aspectRatio, "%",imgAspectRatio);

			}
        //this.height = bxHeight;

     // }
    })
    .each(function() {

      // Trigger load event (for Gecko and MSIE)
      if ( this.complete || isIE6 ) {
        jQuery( this ).trigger( "load" );
      }
    });
  };
  
})( jQuery );


		function imageresize() {				
			var $maximgwidth = jQuery(window).width()-20;
			var $maximgheight = jQuery('#middle').height();
			jQuery( "#middle img" ).ImageResize({ height: $maximgheight, width: $maximgwidth });
		}

		jQuery(function(){
					
			imageresize();

			jQuery(window).bind("resize", function(){
				imageresize();
				jQuery('.navpane').height(jQuery('#middle img').height());
			});			

		});