(function($) {

  $.hover_caption = {
    defaults: {
      caption_font_size: '15px',
      caption_color: 'white',
      caption_bold: true,
      caption_default: "Click for more."
    }   
  }

    $.fn.extend({
        hover_caption: function(config) {

      var config = $.extend({}, $.hover_caption.defaults, config);

            return this.each(function() {

                // cache this for selector performance
                var $image = $(this);

        // set variable for wrapper div
        var width = $image.width();
        var height = $image.height();

        // variables for caption
        var caption_padding = width * .06; // dynamic margin depending on img width


        //  set caption to title attr if set 
        if ($image.attr('title') == "") {
          var caption = config.caption_default;         
        } else {
          var caption = $image.attr('title');
          
          if (caption.length > 55) {
              caption = caption.slice(0,52) + "..."
          }
        };

                // add necessary html and css
        $image
          .css({
            'z-index': '1', 
            'position': 'relative'
          })
              .wrap('<div>')
              .parent()
          .css({ 
            'width': width, 
            'height': height,
            'display': 'inline',
          })
                  .prepend('<h3>'+ caption +'</h3>')
                  .find('h3')
          .addClass('hover_caption_caption') // use this hook for additional styling
          .css({
            'padding-top': caption_padding,
            'padding-bottom': caption_padding,
            'padding-left' : caption_padding,
            'color': config.caption_color, 
            'width': width - caption_padding, 
            'font-size': config.caption_font_size, 
            'position': 'absolute',
            'margin': 0
          })
                  //.hide();

        if (config.caption_bold) { $image.css('font-weight', 'bold') };

                // add hover event to toggle message
                $image.parent().addClass('hover_caption').find('h3').show();
                // Modified to not be hover
                /*
                $image.parent().hover(function() {
          $(this).addClass('hover_caption').find('h3').show();
                },
                function() {
                    //$(this).removeClass('hover_caption').find('h3').hide();
                });
                */
            })
        }
    })

})(jQuery);