rwdImagesMaps modified to allow mapHilight (buggy)

jquery.rwdImageMaps-hilight.js

/*
* rwdImageMaps jQuery plugin v1.5
*
* Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
*
* Copyright (c) 2013 Matt Stow
* https://github.com/stowball/jQuery-rwdImageMaps
* http://mattstow.com
* Licensed under the MIT license
*/
;(function($) {
	$.fn.rwdImageMaps = function(options) {
		var settings = $.extend({
			useMaphilight: false
		}, options);
		
		var $img = this,
			version = parseFloat($.fn.jquery),
			backgroundSize = 'background-size',
			webkit = '-webkit-' + backgroundSize,
			cover = 'cover';
		
		var rwdImageMap = function() {
			$img.each(function() {
				if (typeof($(this).attr('usemap')) == 'undefined')
					return;
				
				var that = this,
					$that = $(that);
				
				// Since WebKit doesn't know the height until after the image has loaded, perform everything in an onload copy
				$('<img />').load(function() {
					var w,
						h,
						attrW = 'width',
						attrH = 'height';
					
					// jQuery < 1.6 incorrectly uses the actual image width/height instead of the attribute's width/height
					if (version < 1.6)
						w = that.getAttribute(attrW),
						h = that.getAttribute(attrH);
					else
						w = $that.attr(attrW),
						h = $that.attr(attrH);
					
					if (!w || !h) {
						var temp = new Image();
						temp.src = $that.attr('src');
						if (!w)
							w = temp.width;
						if (!h)
							h = temp.height;
					}
					
					var wPercent = $that.width()/100,
						hPercent = $that.height()/100,
						map = $that.attr('usemap').replace('#', ''),
						c = 'coords';
					
					$('map[name="' + map + '"]').find('area').each(function() {
						var $this = $(this);
						if (!$this.data(c))
							$this.data(c, $this.attr(c));
						
						var coords = $this.data(c).split(','),
							coordsPercent = new Array(coords.length);
						
						for (var i = 0; i < coordsPercent.length; ++i) {
							if (i % 2 === 0)
								coordsPercent[i] = parseInt(((coords[i]/w)*100)*wPercent);
							else
								coordsPercent[i] = parseInt(((coords[i]/h)*100)*hPercent);
						}
						$this.attr(c, coordsPercent.toString());
					});
				}).attr('src', $that.attr('src'));
				
				if (settings.useMaphilight && $.fn.maphilight) {
					$that.maphilight();
					$that.parent('div').css({
						webkit: cover,
						backgroundSize: cover
					});
				}
			});
		};
		$(window).resize(rwdImageMap).trigger('resize');
		
		return this;
	};
})(jQuery);