From 8e8a9152cb172d51d2d8616007bdefec5ee54a23 Mon Sep 17 00:00:00 2001
From: Stuart Thompson <stuart.thompson@dowjones.com>
Date: Fri, 24 Apr 2015 22:35:13 -0400
Subject: [PATCH 1/3] added an option to invert the drag directions

---
 build/demo.html       |  2 +-
 src/valiant.jquery.js | 16 +++++++++++-----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/build/demo.html b/build/demo.html
index d21a2ff..caa631c 100644
--- a/build/demo.html
+++ b/build/demo.html
@@ -1,4 +1,4 @@
-<!-- 
+<!--
 Valiant360
 Copyright (c) 2014 Charlie Hoey
 
diff --git a/src/valiant.jquery.js b/src/valiant.jquery.js
index 5382137..71602fb 100644
--- a/src/valiant.jquery.js
+++ b/src/valiant.jquery.js
@@ -6,7 +6,7 @@
  * Released under the MIT license:
  *   http://www.opensource.org/licenses/mit-license.php
  *
- * Jquery plugin pattern based on https://github.com/jquery-boilerplate/jquery-patterns/blob/master/patterns/jquery.basic.plugin-boilerplate.js 
+ * Jquery plugin pattern based on https://github.com/jquery-boilerplate/jquery-patterns/blob/master/patterns/jquery.basic.plugin-boilerplate.js
  */
 
 /* REQUIREMENTS:
@@ -46,6 +46,7 @@ three.js r65 or higher
     var pluginName = "Valiant360",
         defaults = {
             clickAndDrag: false,
+            invertDrag: false,
             fov: 35,
             hideControls: false,
             lon: 0,
@@ -314,8 +315,13 @@ three.js r65 or higher
 
             if(this.options.clickAndDrag) {
                 if(this._mouseDown) {
+                  if(this.options.invertDrag){
+                    x = this._dragStart.x - event.pageX;
+                    y = this._dragStart.y - event.pageY;
+                  } else {
                     x = event.pageX - this._dragStart.x;
                     y = event.pageY - this._dragStart.y;
+                  }
                     this._dragStart.x = event.pageX;
                     this._dragStart.y = event.pageY;
                     this._lon += x;
@@ -327,7 +333,7 @@ three.js r65 or higher
                 this._lon = ( x / $(this.element).find('canvas').width() ) * 430 - 225;
                 this._lat = ( y / $(this.element).find('canvas').height() ) * -180 + 90;
             }
-        }, 
+        },
 
         onMouseWheel: function(event) {
 
@@ -370,7 +376,7 @@ three.js r65 or higher
         animate: function() {
             // set our animate function to fire next time a frame is ready
             requestAnimationFrame( this.animate.bind(this) );
-            
+
             if( this._isVideo ) {
                 if ( this._video.readyState === this._video.HAVE_ENOUGH_DATA) {
                     if(typeof(this._texture) !== "undefined" ) {
@@ -380,9 +386,9 @@ three.js r65 or higher
                             this._time = ct;
                         }
                     }
-                }                
+                }
             }
-            
+
             this.render();
         },
 

From 157ac215accfd2449f0166df0baea79e634b67a6 Mon Sep 17 00:00:00 2001
From: Stuart Thompson <stuart.thompson@dowjones.com>
Date: Fri, 24 Apr 2015 22:36:12 -0400
Subject: [PATCH 2/3] Update README with invertDrag option

---
 README.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 0950517..0114215 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@ The aim of this project is to provide a free, minimalist 360 degree video WebGL
 
 There is currently no mobile support, but as Chrome and Safari mobile editions enable WebGL, this should be forwards-compatible with them.
 
-#### Usage 
+#### Usage
 
 See the [demo folder](https://github.com/flimshaw/Valiant360/tree/master/demo) or the [example](http://flimshaw.github.io/Valiant360).  Moving the mouse will pan the camera, and the scroll wheel will zoom in and out.
 
@@ -36,6 +36,7 @@ More detailed api documentation pending, for now the below explains about all yo
 	// initialize plugin, default options shown
 	$('.valiantContainer').Valiant360({
 		clickAndDrag: false,	// use click-and-drag camera controls
+		invertDrag: false,	// invert the directions of click-and-drag controls
 		flatProjection: false,	// map image to appear flat (often more distorted)
 		fov: 35, 				// initial field of view
 		hideControls: false,	// hide player controls
@@ -67,4 +68,4 @@ The following assets are used in this tool's creation.
 
 + [JQuery 1.7.2+](http://jquery.com) (MIT License)
 + [Three.js](http://threejs.org/) + Detector (MIT License)
-+ [Font Awesome](http://fortawesome.github.io/Font-Awesome/) (MIT License)
\ No newline at end of file
++ [Font Awesome](http://fortawesome.github.io/Font-Awesome/) (MIT License)

From 146baaec982e03fe04ae1b6bd228d3bd2c5db03a Mon Sep 17 00:00:00 2001
From: Stuart Thompson <stuart.thompson@dowjones.com>
Date: Fri, 24 Apr 2015 22:37:11 -0400
Subject: [PATCH 3/3] Update README with invertDrag option

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 0114215..77b9d4a 100644
--- a/README.md
+++ b/README.md
@@ -36,7 +36,7 @@ More detailed api documentation pending, for now the below explains about all yo
 	// initialize plugin, default options shown
 	$('.valiantContainer').Valiant360({
 		clickAndDrag: false,	// use click-and-drag camera controls
-		invertDrag: false,	// invert the directions of click-and-drag controls
+		invertDrag: false,    	// invert the directions of click-and-drag controls
 		flatProjection: false,	// map image to appear flat (often more distorted)
 		fov: 35, 				// initial field of view
 		hideControls: false,	// hide player controls