Index: sources/gui/qml/compounds/InstructionView.qml
===================================================================
diff -u -r1286d74bd015276aab604808be2766136091c125 -r0bc5c7e5752e76707f92b9ef1ecfe54b0c5ead29
--- sources/gui/qml/compounds/InstructionView.qml	(.../InstructionView.qml)	(revision 1286d74bd015276aab604808be2766136091c125)
+++ sources/gui/qml/compounds/InstructionView.qml	(.../InstructionView.qml)	(revision 0bc5c7e5752e76707f92b9ef1ecfe54b0c5ead29)
@@ -31,10 +31,22 @@
     radius          : Variables.alarmDialogRadius
     clip            : true
 
+    onVisibleChanged: if (visible) { _autoStepControl.isPlaying = false }
+
+    AutoStepController { id: _autoStepControl
+        anchors {
+            left            : parent.left
+            leftMargin      : Variables.defaultMargin * 3
+            verticalCenter  : _title.verticalCenter
+        }
+
+        onTriggered : _root.currentIndex = (_root.currentIndex + 1) % _instrutionSteps.count
+    }
+
     Text { id: _title
         anchors {
-            left        : parent.left
-            leftMargin  : Variables.defaultMargin * 3 // with current resolution this makes the screen look nice
+            left        : _autoStepControl.right
+            leftMargin  : Variables.defaultMargin * 2 // with current resolution this makes the screen look nice
             top         : parent.top
             topMargin   : Variables.defaultMargin * 2 // with current resolution this makes the screen look nice
         }
@@ -47,7 +59,7 @@
     Item { id: _instructionContainer
         anchors {
             right   : _root.right
-            left    : _title.left
+            left    : _autoStepControl.left
             top     : _title.bottom
             bottom  : _root.bottom
         }
@@ -60,34 +72,12 @@
             }
         }
 
-//        Item { id: _infoItem
-//            anchors {
-//                left        : parent.left
-//                top         : parent.top
-//                topMargin   : Variables.defaultMargin
-//            }
-//            height  : 35
-//            width   : parent.width / 2
-
-//            NotificationBarSmall { id: _infoNotificationBar
-//                color                   : "transparent"
-//                imageSource             : "qrc:/images/iHelp"
-//                imageVisible            : true
-//                text                    : qsTr("TAP THE STEP NUMBER TO VIEW IMAGE")
-//                textColor               : "#3682ED"
-//                imageDiameter           : 25
-//                imageTopMargin          : 3
-//                textfontWeight          : Font.DemiBold
-//                height                  : _infoItem.height
-//                rowAnchors       {
-//                    centerIn: undefined
-//                    left    : parent.left
-//                }
-//            }
-//        }
-
         Column { id: _contentColumn
-            anchors.top         : _infoItem.bottom
+            anchors {
+                top         : _infoItem.bottom
+                topMargin       : Variables.defaultMargin
+            }
+
             spacing             : 5
             width               : parent.width / 2
 
@@ -146,7 +136,6 @@
 
         Image { id: _image
             anchors.right   : parent.right
-            anchors.left    : _contentColumn.right
             source          : _root.stepImages.length && _root.stepImages[_root.currentIndex] ? _root.stepImages[_root.currentIndex] : ""
         }
     }