move outputSettings onto resemble object

this prevents global variables changing between independant runs.

README.md

@@ -64,7 +64,7 @@ diff.ignoreAntialiasing();
 And change the output display style:
 
 ```javascript
-resemble.outputSettings({
+resembleControl.outputSettings({
   errorColor: {
     red: 255,
     green: 0,
@@ -75,22 +75,22 @@ resemble.outputSettings({
   largeImageThreshold: 1200,
   useCrossOrigin: false,
   outputDiff: true
-});
+})
-// resembleControl.repaint();
+// .repaint();
 ```
 
 It is possible to narrow down the area of comparison, by specifying a bounding box measured in pixels from the top left:
 
 ```javascript
-resemble.outputSettings({
+resembleControl.outputSettings({
   boundingBox: {
     left: 100,
     top: 200,
     right: 200,
     bottom: 600
   }
-});
+})
-// resembleControl.repaint();
+// .repaint();
 ```
 
 By default, the comparison algorithm skips pixels when the image width or height is larger than 1200 pixels. This is there to mitigate performance issues.

resemble.js

@@ -14,6 +14,15 @@ URL: https://github.com/Huddle/Resemble.js
 }(this, function () {
 	'use strict';
 
+	var document = typeof window != "undefined" ? window.document : {
+		createElement: function() {
+			// This will work as long as only createElement is used on window.document
+			var Canvas = require('canvas-prebuilt');
+			return new Canvas();
+		}
+	};
+
+	var resemble = function( fileData ){
 		var pixelTransparency = 1;
 
 		var errorPixelColor = { // Color for Error Pixels. Between 0 and 255.
@@ -80,16 +89,6 @@ URL: https://github.com/Huddle/Resemble.js
 		var boundingBox;
 		var largeImageThreshold = 1200;
 		var useCrossOrigin = true;
-	var document = typeof window != "undefined" ? window.document : {
-		createElement: function() {
-			// This will work as long as only createElement is used on window.document
-			var Canvas = require('canvas-prebuilt');
-			return new Canvas();
-		}
-	};
-
-	var resemble = function( fileData ){
-
 		var data = {};
 		var images = [];
 		var updateCallbackArray = [];
@@ -745,12 +744,8 @@ URL: https://github.com/Huddle/Resemble.js
 			},
 			compareTo: function(secondFileData){
 				return getCompareApi(secondFileData);
-			}
+			},
-		};
+			outputSettings: function(options){
-
-	};
-
-	resemble.outputSettings = function(options){
 				var key;
 				var undefined;
 
@@ -784,6 +779,9 @@ URL: https://github.com/Huddle/Resemble.js
 				}
 
 				return this;
+			}
+		};
+
 	};
 
 	return resemble;