From d34ab4006a6d61a8ae37546a24614bfb74599d1d Mon Sep 17 00:00:00 2001
From: uxder <stmhawaii@gmail.com>
Date: Thu, 1 Mar 2012 21:38:20 -1000
Subject: [PATCH] Starting to make prototype a plugin

---
 samples/samples.html |  7 ++++++-
 src/vivid.js         | 31 ++++++++++++++++++++++---------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/samples/samples.html b/samples/samples.html
index 2d44f61..8db5770 100644
--- a/samples/samples.html
+++ b/samples/samples.html
@@ -26,7 +26,12 @@ <h1>Ikayzo.com</h1>
   <script src="js/jquery-1.7.1.min.js"></script>
   <script src="../src/vivid.js"></script>
   <script>
-   		$('.test').vivid();
+   		$('.test').vivid({
+			filter: 'blackAndWhite',
+			blackWhite: {
+				lightness: 0.3
+			}
+		});
 
 
 		/**
diff --git a/src/vivid.js b/src/vivid.js
index 03dc3e3..04c9a77 100644
--- a/src/vivid.js
+++ b/src/vivid.js
@@ -191,15 +191,25 @@ $.fn.vivid = function(options) {
 	});
 }
 
-
+/**
+ * Prototype for plugin
+ */
+Vivid.filter.base = function() {
+	var s,
+		pluginName = "blackWhite",
+	 	options = {};
+}
 
 /**
  * Vivid blackWhite Plugin
  */
-Vivid.filter.blackWhite = (function() {
-	
+Vivid.filter.blackWhite = (function( window, document, jQuery) {
 	//shortname for settings
-	var s;
+	var s,
+		pluginName = "blackWhite",
+	 	options = {
+			lightness: 0.3
+	    };
 	
 	/**
 	 * Constructor
@@ -208,6 +218,8 @@ Vivid.filter.blackWhite = (function() {
 	var filter = function(settings) {
 		//set the settings
 		s = settings;
+		// Mix in the passed-in options with the default options
+		options = $.extend( {}, options, s.options[pluginName] );
 		//initialize plugin
 		this.init();
 	}
@@ -218,10 +230,11 @@ Vivid.filter.blackWhite = (function() {
 			var imgd = s.ctx.getImageData(0, 0, s.imgW, s.imgH);
 			var p = imgd.data;
 			for (var i = 0, n = p.length; i < n; i += 4) {
-			    var grayscale = p[i] * .3 + p[i+1] * .59 + p[i+2] * .11;
-			    p[i] = grayscale;   // red
-			    p[i+1] = grayscale;   // green
-			    p[i+2] = grayscale;   // blue
+			    var grayscale = p[i] * options.lightness + p[i+1] * 0.6 + p[i+2] * 0.1;
+			
+			    p[i] = grayscale; 	 //red  
+			    p[i+1] = grayscale;  //blue
+			    p[i+2] = grayscale;  //green
 			 }
 			s.ctx.putImageData(imgd, 0, 0);
 		}
@@ -229,5 +242,5 @@ Vivid.filter.blackWhite = (function() {
 	
 	//return the plugin object
 	return filter;
-})();
+})( window, document, jQuery );