1 files changed, 53 insertions, 0 deletions
diff --git a/src/tutorials/TutorialOverlay.qml b/src/tutorials/TutorialOverlay.qml
new file mode 100644
index 00000000..34959d7d
--- /dev/null
+++ b/src/tutorials/TutorialOverlay.qml
@@ -0,0 +1,53 @@
+// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
+import QtQuick 1.1
+import "tutorials.js" as Logic
+
+Rectangle  {
+    color: "transparent"
+
+    property int step : 0
+    property alias description: tutDescription
+    property alias highlight: tutHighlight
+    property alias text: tutDescription.text
+    property alias boxOpacity: tutDescription.opacity
+    property int offsetBottom: 50
+    property int maxWidth: 400
+
+    function init() {
+        Logic.init()
+        Logic.nextStep()
+    }
+
+    function enableBackground(enabled) {
+        disabledBackground.visible = enabled
+    }
+
+    signal nextStep
+
+    onNextStep: {
+        if (step == 0) {
+            Logic.init()
+        }
+
+        Logic.nextStep()
+    }
+
+    TutorialDescription {
+        id: tutDescription
+        innerWidth: maxWidth
+        anchors.bottomMargin: offsetBottom
+        onClicked: {
+            Logic.clickNext()
+        }
+    }
+
+    Rectangle {
+        id: disabledBackground
+        anchors.fill: parent
+        opacity: 0.2
+        color: "#808080"
+    }
+
+    Highlight { id: tutHighlight }
+
+}