fixes briangonzalez#12 - added luminance classes to parent

Author: briangonzalez

README.md

@@ -52,11 +52,20 @@ __Example:__
 Call the `run` method, passing in any options you'd like to override.
 
 ```javascript
-var opts = {
-  selector: '.some-selector',
-  parent:   '.some-parent-of-some-selector'
-}
-$.adaptiveBackground.run(opts)
+var defaults      = {
+  selector:             '[data-adaptive-background="1"]',
+  parent:               null,
+  normalizeTextColor:   false,
+  normalizedTextColors:  {
+    light:      "#fff",
+    dark:       "#000"
+  },
+  lumaClasses:  {
+    light:      "ab-light",
+    dark:       "ab-dark"
+  }
+};
+$.adaptiveBackground.run(defaults)
 ```
 
 Events Emitted

demos/base-single.html

@@ -22,8 +22,8 @@
 
     .img-wrap{
       border: 2px solid #ccc;
-      height: 200px;
-      width: 200px; 
+      height: 400px;
+      width: 400px; 
       position: absolute;
       top: 50%; left: 50%;
       text-align: center;

dist/jquery.adaptive-backgrounds.min.js

@@ -16,6 +16,10 @@
     normalizedTextColors:  {
       light:      "#fff",
       dark:       "#000"
+    },
+    lumaClasses:  {
+      light:      "ab-light",
+      dark:       "ab-dark"
     }
   };
 
@@ -24,7 +28,10 @@
   !function(a){"use strict";var b=function(){return document.createElement("canvas").getContext("2d")},c=function(a,c){var d=new Image,e=a.src||a;"data:"!==e.substring(0,5)&&(d.crossOrigin="Anonymous"),d.onload=function(){var a=b();a.drawImage(d,0,0);var e=a.getImageData(0,0,d.width,d.height);c&&c(e.data)},d.src=e},d=function(a){return["rgb(",a,")"].join("")},e=function(a){return a.map(function(a){return d(a.name)})},f=5,g=10,h={};h.colors=function(a,b,h){c(a,function(a){for(var c=a.length,i={},j="",k=[],l={dominant:{name:"",count:0},palette:Array.apply(null,Array(h||g)).map(Boolean).map(function(){return{name:"0,0,0",count:0}})},m=0;c>m;){if(k[0]=a[m],k[1]=a[m+1],k[2]=a[m+2],j=k.join(","),i[j]=j in i?i[j]+1:1,"0,0,0"!==j&&"255,255,255"!==j){var n=i[j];n>l.dominant.count?(l.dominant.name=j,l.dominant.count=n):l.palette.some(function(a){return n>a.count?(a.name=j,a.count=n,!0):void 0})}m+=4*f}b&&b({dominant:d(l.dominant.name),palette:e(l.palette)})})},a.RGBaster=a.RGBaster||h}(window);
   /* jshint ignore:end */
 
-  /* Our main function declaration. */ 
+  
+  /* 
+    Our main function declaration. 
+  */ 
   $.adaptiveBackground = {
     run: function( options ){
       var opts = $.extend({}, DEFAULTS, options);
@@ -77,17 +84,28 @@
 
           $parent.css({ backgroundColor: data.color });
 
-          if ( opts.normalizeTextColor ){ 
+          // Helper function to calculate yiq - http://en.wikipedia.org/wiki/YIQ
+          var getYIQ = function(color){
+            var rgb = $data.color.match(/\d+/g);
+            return ((rgb[0]*299)+(rgb[1]*587)+(rgb[2]*114))/1000;
+          };
 
-            /* Helper function to calculate yiq - http://en.wikipedia.org/wiki/YIQ */
-            var getTextColor = function (){
-              var rgb = $data.color.match(/\d+/g);
-              var yiq = ((rgb[0]*299)+(rgb[1]*587)+(rgb[2]*114))/1000;
-              return yiq >= 128 ? opts.normalizedTextColors.dark : opts.normalizedTextColors.light;
-            };
+          var getNormalizedTextColor = function (color){
+            return getYIQ(color) >= 128 ? opts.normalizedTextColors.dark : opts.normalizedTextColors.light;
+          };
+
+          var getLumaClass = function (color){
+            return getYIQ(color) <= 128 ? opts.lumaClasses.dark : opts.lumaClasses.light;
+          };
+
+          // Normalize the text color based on luminance.
+          if ( opts.normalizeTextColor )
+            $parent.css({ color: getNormalizedTextColor(data.color) });
+
+          // Add a class based on luminance.
+          $parent.addClass( getLumaClass(data.color) )
+                 .attr('data-ab-yaq', getYIQ(data.color));
 
-            $parent.css({ color: getTextColor() });
-          }
         });
 
         /* Handle the colors. */ 
@@ -97,4 +115,4 @@
     },
   };
 
-})(jQuery);
+})(jQuery);