From da7bb411f0360df295ca05ce08b74417f3fa6c5c Mon Sep 17 00:00:00 2001
From: gchokeen <gchokeen@gmail.com>
Date: Mon, 14 Jul 2014 14:04:25 +0530
Subject: [PATCH 1/2] image rotate control is added

---
 src/jquery.fs.zoomer.js | 54 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 53 insertions(+), 1 deletion(-)

diff --git a/src/jquery.fs.zoomer.js b/src/jquery.fs.zoomer.js
index c4967be..236617c 100644
--- a/src/jquery.fs.zoomer.js
+++ b/src/jquery.fs.zoomer.js
@@ -29,6 +29,7 @@
 			zoomIn: null,
 			zoomOut: null,
 			next: null,
+			rotate: null,
 			previous: null
 		},
 		customClass: "",
@@ -115,6 +116,9 @@
 		offset: null,
 		touches: [],
 		zoomPercentage: 1,
+		
+		rAngle: 90,
+		rotatePos: 0,
 
 		pinchStartX0: 0,
 		pinchStartX1: 0,
@@ -172,6 +176,7 @@
 					data.controls.$zoomOut.off(".zoomer");
 					data.controls.$next.off(".zoomer");
 					data.controls.$previous.off(".zoomer");
+					data.controls.$rotate.off(".zoomer");
 
 					data.$target.removeClass("zoomer-element")
 								.data("zoomer", null)
@@ -338,16 +343,18 @@
 			data.$target.addClass("zoomer-element")
 						.html(data.$zoomer);
 
-			if (data.controls.zoomIn || data.controls.zoomOut || data.controls.next || data.controls.previous) {
+			if (data.controls.zoomIn || data.controls.zoomOut || data.controls.next || data.controls.previous || data.controls.rotate) {
 				data.controls.$zoomIn = $(data.controls.zoomIn);
 				data.controls.$zoomOut = $(data.controls.zoomOut);
 				data.controls.$next = $(data.controls.next);
 				data.controls.$previous = $(data.controls.previous);
+				data.controls.$rotate = $(data.controls.rotate);
 			} else {
 				html = '<div class="zoomer-controls zoomer-controls-' + data.controls.position + '">';
 				html += '<span class="zoomer-previous">&lsaquo;</span>';
 				html += '<span class="zoomer-zoom-out">-</span>';
 				html += '<span class="zoomer-zoom-in">+</span>';
+				html += '<span class="zoomer-zoom-rotate">&#8631</span>';				
 				html += '<span class="zoomer-next">&rsaquo;</span>';
 				html += '</div>';
 
@@ -358,6 +365,7 @@
 				data.controls.$zoomOut = data.$zoomer.find(".zoomer-zoom-out");
 				data.controls.$next = data.$zoomer.find(".zoomer-next");
 				data.controls.$previous = data.$zoomer.find(".zoomer-previous");
+				data.controls.$rotate = data.$zoomer.find(".zoomer-zoom-rotate");
 			}
 
 			// Cache jquery objects
@@ -371,6 +379,8 @@
 									.on("touchend.zoomer mouseup.zoomer", data, _clearZoom);
 			data.controls.$next.on("click.zoomer", data, _nextImage);
 			data.controls.$previous.on("click.zoomer", data, _previousImage);
+			data.controls.$rotate.on("click.zoomer", data, _rotateImage);
+			
 			data.$zoomer.on("mousedown.zoomer", data, _dragStart)
 						.on("touchstart.zoomer MSPointerDown.zoomer", ":not(.zoomer-controls)", data, _onTouch);
 
@@ -849,6 +859,24 @@
 		data.keyDownTime = 1;
 		data.action = "zoom_out";
 	}
+	
+	/**
+	 * @method private
+	 * @name _rotateImage
+	 * @description Handles rotates button click
+	 * @param e [object] "Event Data"
+	 */
+	function _rotateImage(e) {
+		e.preventDefault();
+		e.stopPropagation();
+
+		var data = e.data;
+		data = _AnimateRotate(data);
+		data.keyDownTime = 1;
+		data.action = "";
+	}	
+
+
 
 	/**
 	 * @method private
@@ -884,6 +912,30 @@
 
 		return data;
 	}
+	
+	/**
+	 * @method private
+	 * @name _AnimateRotate
+	 * @description Sets rotate position
+	 * @param data [object] "Instance Data"
+	 */
+	
+	function _AnimateRotate(data){
+		
+	   $({deg: data.rotatePos}).animate({deg: data.rAngle}, {
+		step: function(now, fx){
+		    $(".zoomer-image").css({
+			 transform: "rotate(" + now + "deg)"
+		    });
+		}
+	    });
+	   
+	    data.rotatePos = data.rotatePos + 90;
+	    data.rAngle = data.rAngle + 90;
+	    
+	    return data;
+	}
+
 
 	/**
 	 * @method private

From 58c3277826cdc50ff63269b7b18a487d01dfb8d4 Mon Sep 17 00:00:00 2001
From: gchokeen <gchokeen@gmail.com>
Date: Tue, 15 Jul 2014 11:59:49 +0530
Subject: [PATCH 2/2] rotate animate clear and cross browser issue fixed

---
 src/jquery.fs.zoomer.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/jquery.fs.zoomer.js b/src/jquery.fs.zoomer.js
index 236617c..065f7f5 100644
--- a/src/jquery.fs.zoomer.js
+++ b/src/jquery.fs.zoomer.js
@@ -804,7 +804,7 @@
 	 */
 	function _nextImage(e) {
 		var data = e.data;
-
+		data = _clearAnimateRotate(data);
 		if (!data.loading && data.index+1 < data.images.length) {
 			data.index++;
 			_load.apply(data.$target, [ data ]);
@@ -819,7 +819,7 @@
 	 */
 	function _previousImage(e) {
 		var data = e.data;
-
+		data = _clearAnimateRotate(data);
 		if (!data.loading && data.index-1 >= 0) {
 			data.index--;
 			_load.apply(data.$target, [ data ]);
@@ -890,6 +890,7 @@
 
 		var data = e.data;
 		data = _clearZoomPosition(data);
+		
 
 		data.keyDownTime = 0;
 		data.action = "";
@@ -924,8 +925,11 @@
 		
 	   $({deg: data.rotatePos}).animate({deg: data.rAngle}, {
 		step: function(now, fx){
-		    $(".zoomer-image").css({
-			 transform: "rotate(" + now + "deg)"
+		    $(".zoomer-image").css({			 
+				'-webkit-transform' : 'rotate(' + now + 'deg)',
+				'-moz-transform' : 'rotate(' + now + 'deg)',
+				'-ms-transform' : 'rotate(' + now + 'deg)',
+				'transform' : 'rotate(' + now + 'deg)'
 		    });
 		}
 	    });
@@ -935,6 +939,13 @@
 	    
 	    return data;
 	}
+	
+	function _clearAnimateRotate(data){
+		 data.rotatePos = 0;
+		 data.rAngle = 90;
+		 
+		 return data;
+	}
 
 
 	/**