diff --git a/.idea/cssdialects.xml b/.idea/cssdialects.xml
new file mode 100644
index 0000000..adfaa91
--- /dev/null
+++ b/.idea/cssdialects.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CssDialectMappings">
+    <file url="file://$PROJECT_DIR$/src/View/alert.css" dialect="CLASSIC" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/resources/Images/Al.jpg b/resources/Images/Al.jpg
new file mode 100644
index 0000000..ae57259
Binary files /dev/null and b/resources/Images/Al.jpg differ
diff --git a/resources/Images/Al.png b/resources/Images/Al.png
new file mode 100644
index 0000000..c7824b5
Binary files /dev/null and b/resources/Images/Al.png differ
diff --git a/resources/Images/Bumpy.jpg b/resources/Images/Bumpy.jpg
new file mode 100644
index 0000000..616cbe8
Binary files /dev/null and b/resources/Images/Bumpy.jpg differ
diff --git a/resources/Images/BumpyCharacter.jpg b/resources/Images/BumpyCharacter.jpg
new file mode 100644
index 0000000..87a304a
Binary files /dev/null and b/resources/Images/BumpyCharacter.jpg differ
diff --git a/resources/Images/Jasmine_with_rajah.png b/resources/Images/Jasmine_with_rajah.png
new file mode 100644
index 0000000..f4c6ebb
Binary files /dev/null and b/resources/Images/Jasmine_with_rajah.png differ
diff --git a/resources/Images/abu.png b/resources/Images/abu.png
new file mode 100644
index 0000000..ad21f75
Binary files /dev/null and b/resources/Images/abu.png differ
diff --git a/resources/Images/background.jpg b/resources/Images/background.jpg
new file mode 100644
index 0000000..2acacee
Binary files /dev/null and b/resources/Images/background.jpg differ
diff --git a/resources/Images/bad.png b/resources/Images/bad.png
new file mode 100644
index 0000000..7d00257
Binary files /dev/null and b/resources/Images/bad.png differ
diff --git a/resources/Images/bum.jpg b/resources/Images/bum.jpg
new file mode 100644
index 0000000..2c24e87
Binary files /dev/null and b/resources/Images/bum.jpg differ
diff --git a/resources/Images/bumpy.png b/resources/Images/bumpy.png
new file mode 100644
index 0000000..4b2b939
Binary files /dev/null and b/resources/Images/bumpy.png differ
diff --git a/resources/Images/flying.png b/resources/Images/flying.png
new file mode 100644
index 0000000..381c634
Binary files /dev/null and b/resources/Images/flying.png differ
diff --git a/resources/Images/food.jpg b/resources/Images/food.jpg
new file mode 100644
index 0000000..ca0f432
Binary files /dev/null and b/resources/Images/food.jpg differ
diff --git a/resources/Images/lamp.png b/resources/Images/lamp.png
new file mode 100644
index 0000000..a93eef8
Binary files /dev/null and b/resources/Images/lamp.png differ
diff --git a/resources/Images/sultan.png b/resources/Images/sultan.png
new file mode 100644
index 0000000..8d5f641
Binary files /dev/null and b/resources/Images/sultan.png differ
diff --git a/resources/Images/yagu.jpg b/resources/Images/yagu.jpg
new file mode 100644
index 0000000..fccaeed
Binary files /dev/null and b/resources/Images/yagu.jpg differ
diff --git a/resources/music/AladdinCave.mp4 b/resources/music/AladdinCave.mp4
new file mode 100644
index 0000000..437791d
Binary files /dev/null and b/resources/music/AladdinCave.mp4 differ
diff --git a/resources/music/Aladdin_-_Friend_Like_Me_High_Quality.mp3 b/resources/music/Aladdin_-_Friend_Like_Me_High_Quality.mp3
new file mode 100644
index 0000000..bd459f6
Binary files /dev/null and b/resources/music/Aladdin_-_Friend_Like_Me_High_Quality.mp3 differ
diff --git a/resources/music/Help.mp3 b/resources/music/Help.mp3
new file mode 100644
index 0000000..0a5ccd1
Binary files /dev/null and b/resources/music/Help.mp3 differ
diff --git a/savedMazes/bayush b/savedMazes/bayush
new file mode 100644
index 0000000..f8351ce
Binary files /dev/null and b/savedMazes/bayush differ
diff --git a/savedMazes/hayush b/savedMazes/hayush
new file mode 100644
index 0000000..dd71809
Binary files /dev/null and b/savedMazes/hayush differ
diff --git a/savedMazes/mazeA b/savedMazes/mazeA
new file mode 100644
index 0000000..d6a90a2
Binary files /dev/null and b/savedMazes/mazeA differ
diff --git a/src/View/Main.java b/src/View/Main.java
index cb1b7cb..48007d3 100644
--- a/src/View/Main.java
+++ b/src/View/Main.java
@@ -57,7 +57,7 @@ public void start(Stage primaryStage) throws Exception{
         s.setTitle("Intro");
         s.setFullScreen(true);
         s.show();
-        PauseTransition delay = new PauseTransition(Duration.seconds(17));
+        PauseTransition delay = new PauseTransition(Duration.seconds(1));
         delay.setOnFinished( event -> {
             s.close();
             runMaze(primaryStage);
diff --git a/src/View/MyView.fxml b/src/View/MyView.fxml
new file mode 100644
index 0000000..f44f9de
--- /dev/null
+++ b/src/View/MyView.fxml
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import View.MazeDisplayer?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.Menu?>
+<?import javafx.scene.control.MenuBar?>
+<?import javafx.scene.control.MenuItem?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Pane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.text.Font?>
+
+<BorderPane onKeyPressed="#KeyPressed" onScroll="#zooming" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="View.View">
+    <left>
+        <VBox prefHeight="200.0" prefWidth="178.0" spacing="5.0" BorderPane.alignment="CENTER">
+            <children>
+                <GridPane prefWidth="309.0">
+                    <columnConstraints>
+                        <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                        <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                    </columnConstraints>
+                    <rowConstraints>
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                    </rowConstraints>
+                    <Label text="Maze rows:" GridPane.columnIndex="0" GridPane.rowIndex="0" />
+                    <Label text="Maze columns:" GridPane.columnIndex="0" GridPane.rowIndex="1" />
+                    <TextField fx:id="txtfld_rowsNum" disable="false" text="50" GridPane.columnIndex="1" GridPane.rowIndex="0" />
+                    <TextField fx:id="txtfld_columnsNum" disable="false" text="50" GridPane.columnIndex="1" GridPane.rowIndex="1" />
+                    <Button fx:id="solve_button" cancelButton="true" disable="true" onAction="#solveMaze" prefHeight="25.0" prefWidth="167.0" text="Solve Maze" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="3" />
+                    <Label text="Char row:" GridPane.columnIndex="0" GridPane.rowIndex="4" />
+                    <Label text="Char column:" GridPane.columnIndex="0" GridPane.rowIndex="5" />
+                    <Label fx:id="char_rowPos" accessibleRole="TEXT" text="${controller.characterRow}" graphicTextGap="8.0" prefHeight="21.0" prefWidth="40.0" textAlignment="CENTER" underline="true" wrapText="true" GridPane.columnIndex="1" GridPane.rowIndex="4">
+                  <font>
+                     <Font name="AR DECODE" size="28.0" />
+                  </font></Label>
+                    <Label fx:id="char_colPos" prefHeight="21.0" prefWidth="40.0" text="${controller.characterColumn}" GridPane.columnIndex="1" GridPane.rowIndex="5" />
+                </GridPane>
+            </children>
+            <padding>
+                <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+            </padding>
+        </VBox>
+    </left>
+    <bottom>
+        <HBox BorderPane.alignment="CENTER">
+            <children>
+                <Label text="Status bar" />
+            </children>
+        </HBox>
+    </bottom>
+    <top>
+        <VBox BorderPane.alignment="CENTER">
+            <children>
+                <MenuBar>
+                    <menus>
+                        <Menu mnemonicParsing="false" text="File">
+                            <items>
+                                <MenuItem mnemonicParsing="false" onAction="#generateMaze" text="New" />
+                                <MenuItem mnemonicParsing="false" onAction="#save" text="Save" />
+                                <MenuItem mnemonicParsing="false" onAction="#load" text="Load" />
+                            </items>
+                        </Menu>
+                        <Menu mnemonicParsing="false" text="Options">
+                            <items>
+                                <MenuItem mnemonicParsing="false" text="Properties" />
+                            </items>
+                        </Menu>
+                        <Menu mnemonicParsing="false" text="Exit">
+                     <items>
+                        <MenuItem mnemonicParsing="false" onAction="#exit" text="Exit Game" />
+                     </items></Menu>
+                        <Menu mnemonicParsing="false" text="Help" />
+                        <Menu mnemonicParsing="false" text="About">
+                     <items>
+                        <MenuItem mnemonicParsing="false" onAction="#aboutTheProgrammers" text="About the programmers" />
+                        <MenuItem mnemonicParsing="false" onAction="#aboutTheAlgorithms" text="About the algorithms" />
+                     </items></Menu>
+                    </menus>
+                </MenuBar>
+            </children>
+        </VBox>
+    </top>
+    <center>
+        <Pane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" BorderPane.alignment="CENTER">
+            <children>
+                <MazeDisplayer fx:id="mazeDisplayer" height="600.0" imageFileNameCharacter="resources/Images/ben.jpg" imageFileNameWall="resources/Images/ben1.jpg" width="600.0" />
+            </children>
+            <padding>
+                <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+            </padding>
+        </Pane>
+    </center>
+</BorderPane>
diff --git a/src/View/View.java b/src/View/View.java
index fcee1e8..98cbe55 100644
--- a/src/View/View.java
+++ b/src/View/View.java
@@ -455,6 +455,7 @@ public void mute()
             mediaPlayer.pause();
             mute = true;
         }
+        mazeDisplayer.requestFocus();
     }
 }
 
diff --git a/src/View/abu.jpg b/src/View/abu.jpg
new file mode 100644
index 0000000..fe9cf13
Binary files /dev/null and b/src/View/abu.jpg differ
diff --git a/src/View/alert.css b/src/View/alert.css
new file mode 100644
index 0000000..1d08200
--- /dev/null
+++ b/src/View/alert.css
@@ -0,0 +1,28 @@
+.root{
+    -fx-background-image: url("ds-genie.jpg");
+    -fx-background-size: cover;
+    -fx-font-weight: bold;
+    -fx-font-size:120%
+}
+.alert *.label.content {
+    -fx-text-fill: white;
+}
+
+Button {
+    -fx-text-fill: cornflowerblue;
+    -fx-font-family: "Gisha";
+    -fx-font-weight: bold;
+    -fx-background-color: white;
+    -fx-effect: dropshadow( three-pass-box, yellow, 10.0, 0.0, 0.0, 0.0);
+}
+
+Button:hover{
+    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
+    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
+    -fx-background-radius: 3px, 3px, 2px, 1px;
+    -fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
+    -fx-text-fill: -fx-text-base-color;
+    -fx-alignment: CENTER;
+    -fx-content-display: LEFT;
+}
+
diff --git a/src/View/back.png b/src/View/back.png
new file mode 100644
index 0000000..63d8902
Binary files /dev/null and b/src/View/back.png differ
diff --git a/src/View/ds-genie.jpg b/src/View/ds-genie.jpg
new file mode 100644
index 0000000..50f986b
Binary files /dev/null and b/src/View/ds-genie.jpg differ
diff --git a/src/View/genie_aladdin.jpg b/src/View/genie_aladdin.jpg
new file mode 100644
index 0000000..3403970
Binary files /dev/null and b/src/View/genie_aladdin.jpg differ
diff --git a/src/View/jaf.png b/src/View/jaf.png
new file mode 100644
index 0000000..c9e4f7b
Binary files /dev/null and b/src/View/jaf.png differ
diff --git a/src/View/sample.fxml b/src/View/sample.fxml
new file mode 100644
index 0000000..8dc2dae
--- /dev/null
+++ b/src/View/sample.fxml
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import View.MazeDisplayer?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.Menu?>
+<?import javafx.scene.control.MenuBar?>
+<?import javafx.scene.control.MenuItem?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Pane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.VBox?>
+
+<BorderPane fx:id="board" onKeyPressed="#KeyPressed" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="View.View">
+    <left>
+        <VBox prefHeight="200.0" prefWidth="178.0" spacing="5.0" BorderPane.alignment="CENTER">
+            <children>
+                <GridPane prefWidth="309.0">
+                    <columnConstraints>
+                        <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                        <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                    </columnConstraints>
+                    <rowConstraints>
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                    </rowConstraints>
+                    <Label text="Maze rows:" GridPane.columnIndex="0" GridPane.rowIndex="0" />
+                    <Label text="Maze columns:" GridPane.columnIndex="0" GridPane.rowIndex="1" />
+                    <TextField fx:id="txtfld_rowsNum" disable="false" onKeyPressed="#setRows" text="50" GridPane.columnIndex="1" GridPane.rowIndex="0" />
+                    <TextField fx:id="txtfld_columnsNum" disable="false" onKeyPressed="#setCols" text="50" GridPane.columnIndex="1" GridPane.rowIndex="1" />
+                    <Button fx:id="solve_button" cancelButton="true" disable="true" onAction="#solveMaze" prefHeight="25.0" prefWidth="167.0" text="Solve Maze" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="8" />
+                    <Label text="Char row:" GridPane.columnIndex="0" GridPane.rowIndex="4" />
+                    <Label text="Char column:" GridPane.columnIndex="0" GridPane.rowIndex="5" />
+                    <Label fx:id="Char_row" prefHeight="17.0" prefWidth="19.0" text="${controller.characterRow}" GridPane.columnIndex="1" GridPane.rowIndex="4" />
+                    <Label fx:id="Char_column" prefHeight="17.0" prefWidth="21.0" text="${controller.characterColumn}" GridPane.columnIndex="1" GridPane.rowIndex="5" />
+                </GridPane>
+            </children>
+            <padding>
+                <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+            </padding>
+        </VBox>
+    </left>
+    <bottom>
+        <HBox BorderPane.alignment="CENTER">
+            <children>
+                <Label text="Status bar" />
+            </children>
+        </HBox>
+    </bottom>
+    <top>
+        <VBox BorderPane.alignment="CENTER">
+            <children>
+                <MenuBar>
+                    <menus>
+                        <Menu mnemonicParsing="false" text="File">
+                            <items>
+                        <MenuItem fx:id="newFile" mnemonicParsing="false" onAction="#generateMaze" text="New" />
+                                <MenuItem mnemonicParsing="false" onAction="#save" text="Save" />
+                        <MenuItem mnemonicParsing="false" onAction="#load" text="Load" />
+                            </items>
+                        </Menu>
+                        <Menu mnemonicParsing="false" text="Options">
+                            <items>
+                                <MenuItem mnemonicParsing="false" text="Properties" />
+                            </items>
+                        </Menu>
+                        <Menu mnemonicParsing="false" text="Exit">
+                     <items>
+                        <MenuItem mnemonicParsing="false" onAction="#exit" text="Exit Game" />
+                     </items></Menu>
+                  <Menu mnemonicParsing="false" text="Help" />
+                  <Menu mnemonicParsing="false" text="About">
+                     <items>
+                        <MenuItem mnemonicParsing="false" onAction="#aboutTheProgrammers" text="About the programmers" />
+                        <MenuItem mnemonicParsing="false" onAction="#aboutTheAlgorithms" text="About the algorithms" />
+                     </items></Menu>
+                    </menus>
+                </MenuBar>
+            </children>
+        </VBox>
+    </top>
+    <center>
+        <Pane fx:id="mazePane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" BorderPane.alignment="CENTER">
+            <children>
+                <MazeDisplayer fx:id="mazeDisplayer" height="600.0" imageFileNameCharacter="resources/Images/ben.jpg" imageFileNameWall="resources/Images/ben1.jpg" imageFileNameGoal="resources/Images/caramel.jpg" imageFileNameSolve="resources/Images/cream.jpg" onScroll="#zooming" width="600.0" />
+            </children>
+            <padding>
+                <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+            </padding>
+        </Pane>
+    </center>
+</BorderPane>