var gi_tract_complete = "/images/gi-tract/gi-tract-complete-small.png";
var gi_tract_colon = "/images/gi-tract/gi-tract-colon-small.png";
var gi_tract_liver = "/images/gi-tract/gi-tract-liver-small.png";
var gi_tract_appendix = "/images/gi-tract/gi-tract-appendix-small.png";
var gi_tract_duodenum = "/images/gi-tract/gi-tract-duodenum-small.png";
var gi_tract_esophagus = "/images/gi-tract/gi-tract-esophagus-small.png";
var gi_tract_gallbladder = "/images/gi-tract/gi-tract-gallbladder-small.png";
var gi_tract_pancreas = "/images/gi-tract/gi-tract-pancreas-small.png";
var gi_tract_rectum = "/images/gi-tract/gi-tract-rectum-small.png";
var gi_tract_small_intestine = "/images/gi-tract/gi-tract-small-intestine-small.png";
var gi_tract_stomach = "/images/gi-tract/gi-tract-stomach-small.png";

(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery);

jQuery.preLoadImages("image1.gif", gi_tract_complete);
jQuery.preLoadImages("image1.gif", gi_tract_colon);
jQuery.preLoadImages("image1.gif", gi_tract_liver);
jQuery.preLoadImages("image1.gif", gi_tract_appendix);
jQuery.preLoadImages("image1.gif", gi_tract_duodenum);
jQuery.preLoadImages("image1.gif", gi_tract_esophagus);
jQuery.preLoadImages("image1.gif", gi_tract_gallbladder);
jQuery.preLoadImages("image1.gif", gi_tract_pancreas);
jQuery.preLoadImages("image1.gif", gi_tract_rectum);
jQuery.preLoadImages("image1.gif", gi_tract_small_intestine);
jQuery.preLoadImages("image1.gif", gi_tract_stomach);


(function($) {
  $.fn.transictionto = function(options) {
    var settings = $.extend({
      }, options || {});
    //wrap into div if no div is present.
    $(this).each(function() {
      if ($(this).parent('div').size() == 0) {
        $(this).wrap('<div></div>')
      }
      //now swap with background trick
      $(this)
      .parent()
      .css('background-image', 'url(' + settings.destinationImage + ')')
      .css('background-repeat', 'no-repeat')
      .end()
      .fadeOut(500, function() {
        this.src = settings.destinationImage;
        $(this).show();
      });
    });
  };
})(jQuery);

$(function() {
  /* complete gi tract */
  $('.gi_tract img').mouseover(function() {
    $('#gi_tract img').transictionto({ destinationImage: gi_tract_complete });
  });
  
  /* colon */
  $('#colon_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_colon });
  });

  /* liver */
  $('#liver_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_liver });
  });

  /* appendix */
  $('#appendix_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_appendix });
  });

  /* duodenum */
  $('#duodenum_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_duodenum });
  });

  /* esophagus */
  $('#esophagus_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_esophagus });
  });

  /* gallbladder */
  $('#gallbladder_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_gallbladder });
  });

  /* pancreas */
  $('#pancreas_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_pancreas });
  });

  /* rectum */
  $('#rectum_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_rectum });
  });

  /* small intestine */
  $('#small_intestine_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_small_intestine });
  });

  /* stomach */
  $('#stomach_link').mouseover(function() {
    $('.gi_tract img').transictionto({ destinationImage: gi_tract_stomach });
  });
  
  /* overall mouseout */
  //$('nav#organ_list a').mouseout(function() {
  //  $('.gi_tract img').transictionto({ destinationImage: '/images/gi-tract/gi-tract-complete-small.png' });
  //});
});