(function($) {
// The maxImages plugin resizes an image dynamically, according to the ratio of the image and the width of the browser.
$.fn.maxImage = function(options) {
  var opts = $.extend({}, $.fn.maxImage.defaults, options);
  
  // Cache jQuery object
  var jQueryMatchedObj = this;
  
  function _initialize() {
    _start(this,jQueryMatchedObj);
    return false;
  }
  
  function _start(image,jQueryMatchedObj) {
    if( opts.slideShow ){
      Slideshow._setup_slideshow(jQueryMatchedObj);
    } else if ( opts.isBackground ){
      Background._setup_background(image);
    } else {
      Others._setup_others(image);
    }
  }
  
  Others = {
    _setup_others: function(image){
      $this = $(image);
      
      $(window).load(function(){
        _get_orig_data($this);
        _size_image($this);
        Others._configure_css(image);
        
        $(window).resize(function(){
          _size_image($this);
        });
      });
      

    },
    _configure_css: function(image){
      if(opts.position == 'absolute') {
        $(image).css({
          'overflow':   'hidden',
          'left':       opts.leftSpace,
          'top':        opts.topSpace,
          'position':   'absolute'
        });
        
        if(opts.verticalAlign == 'bottom'){
          $(image).css({'bottom':opts.bottomSpace});
        }
        if(opts.horizontalAlign == 'right'){
          $(image).css({'right':opts.rightSpace});
        }
      } else {
        $(image).css({
          'margin-top':     opts.topSpace,
          'margin-right':   opts.rightSpace,
          'margin-bottom':  opts.bottomSpace,
          'margin-left':    opts.leftSpace,
          'position':       'relative'
        });
      }
    }
  }
  
  Background = {
    _setup_background: function(image){
      $this = $(image);
      $this.hide();
      
      Background._configure_css(image);
      $(window).load(function(){
        _get_orig_data($this);
        _size_image($this);
        $this.show();
        
        $(window).resize(function(){
          _size_image($this);
        });
      });
      
    },
    _configure_css: function(image){
      // If position is set to absolute (or if isBackground)
      $(image).css({
        'z-index':  opts.zIndex
      });
      if(opts.position == 'absolute') {
        $(image).css({
          'overflow':   'hidden',
          'left':       opts.leftSpace,
          'top':        opts.topSpace,
          'position':   'absolute'
        });
        
        $('html').css({'overflow':'hidden'});
        
        if(opts.verticalAlign == 'bottom'){
          $(image).css({'bottom':opts.bottomSpace});
        }
        if(opts.horizontalAlign == 'right'){
          $(image).css({'right':opts.rightSpace});
        }
      } else {
        $(image).css({
          'margin-top':     opts.topSpace,
          'margin-right':   opts.rightSpace,
          'margin-bottom':  opts.bottomSpace,
          'margin-left':    opts.leftSpace,
          'position':       'relative'
        });
      }
    }
  }
  
  Slideshow = {
    _setup_slideshow: function(jQueryMatchedObj){
      Slideshow._build_slideshow_structure(jQueryMatchedObj);

      opts.imageArray.length = 0;

      if( jQueryMatchedObj.length == 1){
        opts.imageArray.push(new Array(objClicked.getAttribute('src'),objClicked.getAttribute('title')));
      } else {  
        for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
          opts.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('src'),jQueryMatchedObj[i].getAttribute('title')));
          $(jQueryMatchedObj[i]).attr('original',$(jQueryMatchedObj[i]).attr('src')).attr('src','');
        }
      }
      
      Slideshow._image_loader(0);
    },
    _build_slideshow_structure: function() {
      for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
        $(jQueryMatchedObj[i]).addClass('slides slide-'+i).after('<div class="slideTitle">'+$(jQueryMatchedObj[i]).attr('title')+'</div>');
      }
      $('.slideTitle').hide().css({
        'padding':'10px',
        'background':'#e0e0e0',
        'position':'absolute',
        'bottom':'0',
        'right':'5%',
        'opacity':'0.8'
      });
    },
    _image_loader: function(i){
      var currentImage = i;
      
      var objImagePreloader = new Image();
      objImagePreloader.onload = function() {
        $('.slide-'+currentImage).attr('src',opts.imageArray[currentImage][0]);
        _get_orig_data($('.slide-'+currentImage));
        _size_image($('.slide-'+currentImage));
        
        $(window).resize(function(){
          _size_image($('.slide-'+currentImage));
        });
        
        if(currentImage==0){
          Slideshow._start_timer();
        }
        
        if(currentImage < opts.imageArray.length-1){
          currentImage++;
          Slideshow._image_loader(currentImage);
        }
        
      }
      objImagePreloader.src = opts.imageArray[currentImage][0];
    },
    _start_timer: function() {
      var currentSlide = 0;
      
      Slideshow._configure_css();
      
      // Hide the loading graphic
      $('.'+opts.loaderClass).hide();
      
      // Fade in first image
      $('.slide-'+currentSlide).css({'z-index':opts.zIndex}).fadeIn();
      
      // If user wants to show titles, use this option
      if(opts.slideShowTitle){
        $('.slide-'+currentSlide).next('.slideTitle').css({'z-index':opts.zIndex+1}).fadeIn();
      }
      
      // Start timer for slideshow
      var slideInterval = setInterval(function(){
        if(currentSlide < opts.imageArray.length-1){
          currentSlide++;
          lastSlide = currentSlide-1;
        } else {
          currentSlide=0;
          lastSlide = opts.imageArray.length-1;
        }

        $('.slide-'+lastSlide).css({'z-index':opts.zIndex-1}).fadeOut('slow');
        $('.slide-'+currentSlide).css({'z-index':opts.zIndex}).fadeIn('slow');
        if(opts.slideShowTitle){
          next_title(currentSlide,lastSlide);
        }
      }, (opts.slideDelay*1000));
    },
    _configure_css: function(){
      for(i=0;i<opts.imageArray.length;i++){
        // Style the slide
        if(opts.position == 'absolute') {
          $('.slide-'+i).css({
            'left':       opts.leftSpace,
            'top':        opts.topSpace,
            'position':   'absolute',
            'overflow':   'hidden'
          });
          
          $('html').css({'overflow':'hidden'});
          
          if(opts.verticalAlign == 'bottom'){
            $('.slide-'+i).css({'bottom':opts.bottomSpace});
          }
          if(opts.horizontalAlign == 'right'){
            $('.slide-'+i).css({'right':opts.rightSpace});
          }
        } else {
          $('.slide-'+i).css({
            'margin-top':     opts.topSpace,
            'margin-right':   opts.rightSpace,
            'margin-bottom':  opts.bottomSpace,
            'margin-left':    opts.leftSpace,
            'position':       'relative'
          });
        }
        
        
        // Style the title
        $('.slide-'+i).next('.slideTitle').css({
          'position':'absolute',
          'bottom':0,
          'right':'5%'
        });
      }
    }
  }
  
  function next_title(currentSlide,lastSlide){
    $('.slide-'+lastSlide).next('.slideTitle').fadeOut();
    $('.slide-'+currentSlide).next('.slideTitle').fadeIn();
  }
  
  function _get_orig_data(image){
    $this = image;
    
    $this.attr('origWidth', $this.width());
    $this.attr('origHeight', $this.height());
    $this.attr('ratio', find_ratio($this.width(),$this.height()));
  }
  
  function _size_image(image){
    $this = image;
    
    var originalWidth = to_i($this.attr('origWidth'));
    var originalHeight = to_i($this.attr('origHeight'));
    var ratio = $this.attr('ratio');
    
    var width_and_height = [];
    width_and_height = find_width_and_height(originalWidth,originalHeight,ratio);
    
    $this.width( width_and_height[0] );
    $this.height( width_and_height[1] );
  }
  
  function find_width_and_height(originalWidth,originalHeight,ratio) {
    
    var pageWidth = $(window).width() - opts.horizontalOffset;
    var pageHeight = $(window).height() - opts.verticalOffset;
    
    if(!opts.isBackground){
      if(opts.maxFollows=='both'){
        max_follows_width(pageWidth,ratio);
        
        if( height > pageHeight ){
          max_follows_height(pageHeight,ratio);
        }
      } else if (opts.maxFollows == 'width'){
        max_follows_width(pageWidth,ratio);
      } else if (opts.maxFollows == 'height'){  
        max_follows_height(pageHeight,ratio);
      }
    }else{
      width = pageWidth + 40;
      height = width/ratio;
      
      if( height < pageHeight ){
        height = pageHeight - (opts.topSpace + opts.bottomSpace);
        width = height*ratio;
      }
    }
    
    // If maxAtRatio == true and your new width is larger than originalWidth, size to originalWidth
    if ( opts.maxAtOrigImageSize && width > originalWidth){
      arrayImageSize = new Array(originalWidth,originalHeight);
    }else{
      arrayImageSize = new Array(width,height);
    }
    return arrayImageSize;
  }
  
  function max_follows_height(pageHeight,ratio){
    height = pageHeight - (opts.topSpace + opts.bottomSpace);  // Page Height minus topSpace and bottomSpace
    width = height*ratio;
  }
  
  function max_follows_width(pageWidth,ratio){
    width = pageWidth - (opts.leftSpace + opts.rightSpace); // Page Width minus leftSpace and rightSpace
    height = width/ratio;
  }
  
  function find_ratio(width,height) {
    width = to_i(width);
    height = to_i(height);
    var ratio = width/height;
    ratio = ratio.toFixed(2);
    return ratio;
  }
  
  function to_i(i){
    last = parseInt(i);
    return last;
  }
  
  // private function for debugging
  function debug($obj) {
    if (window.console && window.console.log) {
      window.console.log($obj);
    }
  }
  
  return this.each(_initialize);
};

// default options
$.fn.maxImage.defaults = {
  imageArray:           [],
  maxFollows:           'both',  // Options: width, height, both
  verticalOffset:       0,
  horizontalOffset:     0,
  leftSpace:            0,
  topSpace:             0,
  rightSpace:           0,
  bottomSpace:          0,
  position:             'absolute',
  isBackground:         false,
  zIndex:               -10,
  verticalAlign:        'bottom',
  horizontalAlign:      'left',
  maxAtOrigImageSize:   false,
  slideShow:            false,
  slideDelay:           5,
  slideShowTitle:       true,
  loaderClass:          'loader'
};

})(jQuery);