diff --git a/images/rotateleft_grouphover.png b/images/rotateleft_grouphover.png
new file mode 100644
index 00000000..012b1959
Binary files /dev/null and b/images/rotateleft_grouphover.png differ
diff --git a/images/rotateleft_hover.png b/images/rotateleft_hover.png
new file mode 100644
index 00000000..02403f50
Binary files /dev/null and b/images/rotateleft_hover.png differ
diff --git a/images/rotateleft_pressed.png b/images/rotateleft_pressed.png
new file mode 100644
index 00000000..e72c917f
Binary files /dev/null and b/images/rotateleft_pressed.png differ
diff --git a/images/rotateleft_rest.png b/images/rotateleft_rest.png
new file mode 100644
index 00000000..21f630b3
Binary files /dev/null and b/images/rotateleft_rest.png differ
diff --git a/images/rotateright_grouphover.png b/images/rotateright_grouphover.png
new file mode 100644
index 00000000..62956b42
Binary files /dev/null and b/images/rotateright_grouphover.png differ
diff --git a/images/rotateright_hover.png b/images/rotateright_hover.png
new file mode 100644
index 00000000..ba30c7cd
Binary files /dev/null and b/images/rotateright_hover.png differ
diff --git a/images/rotateright_pressed.png b/images/rotateright_pressed.png
new file mode 100644
index 00000000..f31d7440
Binary files /dev/null and b/images/rotateright_pressed.png differ
diff --git a/images/rotateright_rest.png b/images/rotateright_rest.png
new file mode 100644
index 00000000..6ed7cc29
Binary files /dev/null and b/images/rotateright_rest.png differ
diff --git a/src/viewer.js b/src/viewer.js
index e7fc0a1f..6c3a91fb 100644
--- a/src/viewer.js
+++ b/src/viewer.js
@@ -1153,6 +1153,8 @@ $.extend( $.Viewer.prototype, $.EventSource.prototype, $.ControlDock.prototype,
             doSingleZoomOutHandler  = $.delegate( this, doSingleZoomOut ),
             onHomeHandler           = $.delegate( this, onHome ),
             onFullScreenHandler     = $.delegate( this, onFullScreen ),
+            onRotateLeftHandler     = $.delegate( this, onRotateLeft ),
+            onRotateRightHandler    = $.delegate( this, onRotateRight ),
             onFocusHandler          = $.delegate( this, onFocus ),
             onBlurHandler           = $.delegate( this, onBlur ),
             navImages               = this.navImages,
@@ -1232,6 +1234,34 @@ $.extend( $.Viewer.prototype, $.EventSource.prototype, $.ControlDock.prototype,
                 onBlur:     onBlurHandler
             }));
 
+            buttons.push( this.rotateLeft = new $.Button({
+                element:    this.rotateLeftButton ? $.getElement( this.rotateLeftButton ) : null,
+                clickTimeThreshold: this.clickTimeThreshold,
+                clickDistThreshold: this.clickDistThreshold,
+                tooltip:    $.getString( "Tooltips.RotateLeft" ),
+                srcRest:    resolveUrl( this.prefixUrl, navImages.rotateleft.REST ),
+                srcGroup:   resolveUrl( this.prefixUrl, navImages.rotateleft.GROUP ),
+                srcHover:   resolveUrl( this.prefixUrl, navImages.rotateleft.HOVER ),
+                srcDown:    resolveUrl( this.prefixUrl, navImages.rotateleft.DOWN ),
+                onRelease:  onRotateLeftHandler,
+                onFocus:    onFocusHandler,
+                onBlur:     onBlurHandler
+            }));
+
+            buttons.push( this.rotateRight = new $.Button({
+                element:    this.rotateRightButton ? $.getElement( this.rotateRightButton ) : null,
+                clickTimeThreshold: this.clickTimeThreshold,
+                clickDistThreshold: this.clickDistThreshold,
+                tooltip:    $.getString( "Tooltips.RotateRight" ),
+                srcRest:    resolveUrl( this.prefixUrl, navImages.rotateright.REST ),
+                srcGroup:   resolveUrl( this.prefixUrl, navImages.rotateright.GROUP ),
+                srcHover:   resolveUrl( this.prefixUrl, navImages.rotateright.HOVER ),
+                srcDown:    resolveUrl( this.prefixUrl, navImages.rotateright.DOWN ),
+                onRelease:  onRotateRightHandler,
+                onFocus:    onFocusHandler,
+                onBlur:     onBlurHandler
+            }));
+
             if( useGroup ){
                 this.buttons = new $.ButtonGroup({
                     buttons:            buttons,
@@ -2116,6 +2146,38 @@ function onFullScreen() {
     }
 }
 
+/**
+ * Note: The current rotation feature is limited to 90 degree turns.
+ */
+function onRotateLeft() {
+    if ( this.viewport ) {
+        var currRotation = this.viewport.getRotation();
+        if (currRotation == 0) {
+            currRotation = 270;
+        }
+        else {
+            currRotation -= 90;
+        }
+        this.viewport.setRotation(currRotation);
+    }
+}
+
+/**
+ * Note: The current rotation feature is limited to 90 degree turns.
+ */
+function onRotateRight() {
+    if ( this.viewport ) {
+        var currRotation = this.viewport.getRotation();
+        if (currRotation == 270) {
+            currRotation = 0;
+        }
+        else {
+            currRotation += 90;
+        }
+        this.viewport.setRotation(currRotation);
+    }
+}
+
 
 function onPrevious(){
     var previous = THIS[ this.hash ].sequence - 1;