diff --git a/MapBuilderForWeb/BuilderVisuals.js b/MapBuilderForWeb/BuilderVisuals.js
index feee945..05b5539 100644
--- a/MapBuilderForWeb/BuilderVisuals.js
+++ b/MapBuilderForWeb/BuilderVisuals.js
@@ -6,16 +6,17 @@
 	let value = "646970303030";
 	var isClicking = false;
 	
-	function AddHoverListenerToElements(elements){
+	function AddHoverListenerToElements(elements, callback){
 		for(let i=0; i<elements.length; i++){
 			elements[i].addEventListener('mouseenter', function(e){
 				currentItemPlacingInfo.positionX = e.target.parentElement.rowIndex;
 				currentItemPlacingInfo.positionY = e.target.cellIndex;
-				
-				//console.log("Hovering: " + typeof(currentItemPlacingInfo.positionX) +","+ currentItemPlacingInfo.positionY);
-				
+				currentItemPlacingInfo.level = callback();
+								
 				positionX.innerHTML = currentItemPlacingInfo.positionX;
 				positionY.innerHTML = currentItemPlacingInfo.positionY;
+				levelElement.innerHTML = currentItemPlacingInfo.level.x + ", " + currentItemPlacingInfo.level.y;
+
 				
 				printHoverVisuals();
 				printHoverShapeVisuals();
@@ -27,8 +28,6 @@
 					else{
 						OnGridClickAndDrag(currentItemPlacingInfo.positionX, currentItemPlacingInfo.positionY);
 					}
-					
-					//console.log("isClicking: " + isClicking + "; isShapeEditorActive:" + isShapeEditorActive);
 				}
 				
 			
@@ -36,6 +35,13 @@
 		}
 	}
 
+	/*visualsReseteer();
+	function visualsReseteer(){
+		setInterval(function(){
+			printVisualsOfCoordenates( previusCoordenates , clearedGridColor );
+		}, 1000);
+	}*/
+
 	function AddClickListenerToElement(element, callback){
 		element.addEventListener('mousedown', function(e) {
 			//console.log("Clicked at: " + e.target.parentElement.rowIndex + "," + e.target.cellIndex);
@@ -43,7 +49,7 @@
 			let y = e.target.cellIndex;
 			topValue.innerHTML = getStatisticsTopValue(value);
 			
-			isClicking = true;;
+			isClicking = true;
 
 			if(x == null || y == null) return;
 			callback(x, y);
@@ -90,6 +96,8 @@
 		coordenates = IgnoreOccupiedCoordenates(coordenates);
 		previusCoordenates = IgnoreOccupiedCoordenates(previusCoordenates);
 		
+		//console.log(new Vector2Array(coordenates));
+
 		printVisualsOfCoordenates( previusCoordenates , clearedGridColor );
 		printVisualsOfCoordenates( coordenates, itemShadowColor );
 		
@@ -117,10 +125,15 @@
 		}catch{}
 	}
 	
-	function printVisualsOfCoordenates(shape, color){
+	function printVisualsOfCoordenates(shape, color, level){
 		if(shape==null) return;
+
+		if(level == null)
+			level = levels[currentItemPlacingInfo.level.x][currentItemPlacingInfo.level.y];
+		//console.log( shape );
+
 		for(var i=0; i<shape.x.length; i++){
-			var cell = table.rows[ shape.x[i] ].cells[ shape.y[i] ];
+			var cell = level.rows[ shape.x[i] ].cells[ shape.y[i] ];
 			if(cell == null) continue;
 			
 			cell.style.backgroundColor = color;	
@@ -195,7 +208,7 @@
 		// put the <tbody> in the <table> and appends into <body>
 		tbl.appendChild(tblBody);
 		body.appendChild(tbl);
-		tbl.setAttribute("border", "2");
+		//tbl.setAttribute("border", "2");
 		
 		return tbl;
 	}
diff --git a/MapBuilderForWeb/MapBuilder.js b/MapBuilderForWeb/MapBuilder.js
index 27a8677..a0303da 100644
--- a/MapBuilderForWeb/MapBuilder.js
+++ b/MapBuilderForWeb/MapBuilder.js
@@ -11,17 +11,19 @@
         }
 
   
-		var occupancyMap;
 		const OCCUPIED = true;
 		const FREE = false;
 		const OUT_OF_BOUNDS = 2;
 		const OBSTRUCTED = 3;
 		const MAP_CUT = 4;
+		const NULL = 5;
 		function GetOccupancyOfPlacingInfo(){
-			//If at least one coordenate is occupied, then return occupied
- 			let mapLengthX = occupancyMap.length;
-			let mapLengthY = occupancyMap[0].length;
+
+ 			//let mapLengthX = occupancyMap.length;
+			//let mapLengthY = occupancyMap[0].length;
 			
+			let occupancyMap = occupancyMaps[currentItemPlacingInfo.level.x][currentItemPlacingInfo.level.y];
+
 			let x = currentItemPlacingInfo.coordenates.x;
 			let y = currentItemPlacingInfo.coordenates.y;
 
@@ -29,7 +31,7 @@
 				let state = ( occupancyMap[ currentItemPlacingInfo.positionX ][ currentItemPlacingInfo.positionY ] );
 				
 				if( state == null){
-					return MAP_CUT;
+					return NULL;
 				}
 				if( state == OCCUPIED){
 					return OCCUPIED;
@@ -54,6 +56,7 @@
 
 		
 		function UpdateOccupancy(coordenates, state){
+			let occupancyMap = occupancyMaps[currentItemPlacingInfo.level.x][currentItemPlacingInfo.level.y];
 			for(var i=0; i<coordenates.x.length; i++){
 				occupancyMap[coordenates.x[i]][coordenates.y[i]] = state;
 			}		
@@ -141,8 +144,7 @@
 			
 			newCoordenates = new Vector2Array();
 			let j=0;
-			let mapLengthX = occupancyMap.length;
-			let mapLengthY = occupancyMap[0].length;
+			let occupancyMap = occupancyMaps[currentItemPlacingInfo.level.x][currentItemPlacingInfo.level.y];
 			
 			for(let i=0; i<coordenates.x.length; i++){
 				
@@ -166,7 +168,7 @@
 			
 			let outputData = new OutputData();
 			outputData.generateFromHistory();
-			outputData.generateFromMap();
+			outputData.generateFromMap(occupancyMaps[currentItemPlacingInfo.level.x][currentItemPlacingInfo.level.y]);
 		
 			let formatedCoordenates = new Vector2Array(outputData.positionsX, outputData.positionsY);
 			formatedCoordenates = LocalizeCoordenates(formatedCoordenates);
@@ -330,7 +332,7 @@ function Vector2Array(x, y) {
 	}
 }
 
-function ItemPlacingInfo(itemType, rotation, positionX, positionY, coordenates){
+function ItemPlacingInfo(itemType, rotation, positionX, positionY, coordenates, level){
 
 	if(itemType instanceof ItemPlacingInfo){
 		let instance = JSON.parse(JSON.stringify(itemType));
@@ -341,6 +343,7 @@ function ItemPlacingInfo(itemType, rotation, positionX, positionY, coordenates){
 		this.coordenates = instance.coordenates;
 		this.indexInHistory = instance.indexInHistory;
 		this.deleted = instance.deleted;
+		this.level = instance.level;
 	}
 	else if(itemType == null){
 		this.itemType  = 0;
@@ -348,7 +351,8 @@ function ItemPlacingInfo(itemType, rotation, positionX, positionY, coordenates){
 		this.positionX = 0;
 		this.positionY = 0;
 		this.coordenates = new Vector2Array();
-		
+		this.level = {x:0, y:0};
+	
 		//Internal properties
 		this.indexInHistory = 0;
 		this.deleted = false;
@@ -359,6 +363,7 @@ function ItemPlacingInfo(itemType, rotation, positionX, positionY, coordenates){
 		this.positionX = positionX;
 		this.positionY = positionY;
 		this.coordenates = coordenates;
+		this.level = level;
 		
 		//Internal properties
 		this.indexInHistory = 0;
@@ -386,7 +391,6 @@ function OutputData(){
 		this.positionsY = [];
 		
 		let j=0;
-		
 	
 		for(var i=0; i<numberOfInstructions; i++){
 		
@@ -403,7 +407,7 @@ function OutputData(){
 		}
 	}
 
-	this.generateFromMap = function(){
+	this.generateFromMap = function(occupancyMap){
 		let mapLengthX = occupancyMap.length;
 		let mapLengthY = occupancyMap[0].length;
 		let minX = 999;
@@ -435,12 +439,6 @@ function OutputData(){
 		this.mapSizeY = maxX - minX + 1;
 	}
 
-	this.addPlacementInfo = function(info){
-		this.itemTypes[itemTypes.length] = info.itemType;
-		this.itemRotations.push( info.rotation );
-		this.positionsX.push( info.positionX );
-		this.positionsY.push( info.positionY );
-	}
 	
 }
 
diff --git a/MapBuilderForWeb/MapBuilderForWeb.html b/MapBuilderForWeb/MapBuilderForWeb.html
index 67c3d4f..e19e9fb 100644
--- a/MapBuilderForWeb/MapBuilderForWeb.html
+++ b/MapBuilderForWeb/MapBuilderForWeb.html
@@ -29,7 +29,7 @@
 		</table>
 	
 
-		<div id="statsGraphics"><div class='stats'><span id='topValue'></span><br><span>Item Type: </span><span id='itemType'>0</span><br><span>Rotation: </span><span id='rotation'>0</span><br><div ><span>Coordenate: </span><span id='positionX'>0</span> , <span id='positionY'>0</span></div></div></div>
+		<div id="statsGraphics"><div class='stats'><span id='topValue'></span><br><span>Item Type: </span><span id='itemType'>0</span><br><span>Level: </span><span id='level'>0,0</span><br><span>Rotation: </span><span id='rotation'>0</span><br><div ><span>Coordenate: </span><span id='positionX'>0</span> , <span id='positionY'>0</span></div></div></div>
 		
     </body>
     <script>
@@ -82,19 +82,19 @@
 			//Both share same stuff
 			initializeMapEditorStatistics();
 			initializeMapEditorShapes();
-			initailizeKeyCombos();
+			//initailizeKeyCombos();
 
 			//Initialize Map editor
-			initializeMapEditorGrid(20, 40);
+			initializeMapEditorGrid(25, 60);
 			initializeMapEditorMenu();
 			
 			//Initialize Shapes editor
 			initializeShapesEditorGrid(10, 10);
 			initializeShapesEditorMenu();
 			
-			document.addEventListener('dragstart', (e) => {
+			/*document.addEventListener('dragstart', (e) => {
 			  e.preventDefault()
-			})
+			})*/
 			
 			//Starts showing map editor while hidning shapes editor
 			GoToMapEditor();
@@ -106,30 +106,55 @@
         }
 		
 
-		
+		var gridRows = 1;
+		var gridCols = 1;
+		var gridSize = {x:20, y:40};
+		var shapesGridSize = {x:10, y:10};
+		var levels = new Array();
+		var gridMap;
+
+		var occupancyMaps =  new Array();
+
 		function initializeMapEditorGrid(x, y){
-			//Creates grid
-			let placingLcation = document.getElementById("GridGraphics");			
-            table = generate_table(x, y);
-			table.id = "grid";
-			table.className = "gridMap";
-			
-			//Places grid 
-			placingLcation.appendChild(table);
-			
-			//Initializes grid logic
-			occupancyMap = Array(x).fill(null).map(()=>Array(y).fill(false));
-			cutsMap = Array(x).fill(null).map(()=>Array(y).fill(false));
-			
-			//Add functionality to the grid
-			var tablerowscount=table.getElementsByTagName("tbody")[0].getElementsByTagName("tr");
-			for (let i=0; i<tablerowscount.length; i++) {
-				//console.log(tablerowscount[i].cells);
-				AddHoverListenerToElements(tablerowscount[i].cells);
+			//Updates size
+			if(x != null){
+				gridSize.x = x;
+				gridSize.y = y;
+			}
+
+			//Creates levels holder (map)
+			let placingLcation = document.getElementById("GridGraphics");	
+			gridMap = generate_table( gridRows, gridCols, 5);
+			gridMap.id = "gridMap";
+
+			for (let r=0; r<gridRows; r++) {
+				for (let c=0; c<gridCols; c++) {
+
+					//Creates level
+					let level = generate_table( gridSize.x, gridSize.y, 7 );
+					level.className = "gridLevel";
+					gridMap.rows[r].cells[c].appendChild( level );
+
+					//Starts level logic
+					if( occupancyMaps[r] == null ) occupancyMaps[r] = new Array();
+					occupancyMaps[r][c] = Array( gridSize.x ).fill(null).map(()=>Array( gridSize.y ).fill(false));
+		
+					//Add functionality to the level
+					var tablerows = level.getElementsByTagName("tbody")[0].getElementsByTagName("tr");
+					for (let i=0; i<tablerows.length; i++) {
+						AddHoverListenerToElements(tablerows[i].cells, function(){return {x:r, y:c}});
+					}				
+				
+					if( levels[r] == null ) levels[r] = new Array();
+					levels[r][c] = level;
+				}
 			}
+
+			//Places grids
+			placingLcation.appendChild( gridMap );
 			
-            AddClickListenerToElement(table, OnGridClick );
-			AddListenerToScrollWheel(table);
+            AddClickListenerToElement(gridMap, OnGridClick );
+			AddListenerToScrollWheel( gridMap );
 			document.addEventListener('mouseup', function(e) { isClicking = false; });
 		}
 		
@@ -147,6 +172,7 @@
             rotation = document.getElementById('rotation');
             positionX = document.getElementById('positionX');
             positionY = document.getElementById('positionY');
+            levelElement = document.getElementById('level');
 		}
 		
 		function initializeMapEditorShapes(shapeStartIndex=0){
@@ -200,10 +226,16 @@
 			ChangeItem(shapeStartIndex);
 		}
 		
-		function initializeShapesEditorGrid(x, y){			
+		function initializeShapesEditorGrid(x, y){
+			
+			if(x != null){
+				shapesGridSize.x = x;
+				shapesGridSize.y = y;
+			}
+
 			//Creates grid
 			let placingLcation = document.getElementById("GridGraphics");
-            tableShapes = generate_table(x, y);
+            tableShapes = generate_table(shapesGridSize.x, shapesGridSize.y);
 			tableShapes.id = "shapeMap";
 			tableShapes.className = "shapeMap";
 			
@@ -220,13 +252,13 @@
 			placingLcation.appendChild(tableShapes);
 			
 			//Initializes grid logic
-			shapeMap = Array(x).fill(null).map(()=>Array(y).fill(false));
+			shapeMap = Array(shapesGridSize.x).fill(null).map(()=>Array(shapesGridSize.y).fill(false));
 			
 			//Add functionality to the grid
 			var tablerowscount=tableShapes.getElementsByTagName("tbody")[0].getElementsByTagName("tr");
 			for (let i=0; i<tablerowscount.length; i++) {
 				//console.log(tablerowscount[i].cells);
-				AddHoverListenerToElements(tablerowscount[i].cells);
+				AddHoverListenerToElements(tablerowscount[i].cells, function(){return {x:0,y:0}});
 			}
 			AddClickListenerToElement(tableShapes, OnShapesGridClick);
 		}
@@ -243,55 +275,53 @@
 		
 		function ResetMap(){
 			ResetOccupancyMap();
-			ResetCutsMap();
+			//ResetCutsMap();
 		}
 
 		function ResetOccupancyMap(){
-			let formatedCoordenates = OccupancyMapToCoordenates(occupancyMap);
-			printVisualsOfCoordenates(formatedCoordenates, clearedGridColor);
-			
+
+			for (let r=0; r<gridRows; r++) {
+				for (let c=0; c<gridCols; c++) {
+					let occupancyMap = occupancyMaps[r][c];
+					let level = levels[r][c];
+					let formatedCoordenates = OccupancyMapToCoordenates(occupancyMap);
+					printVisualsOfCoordenates(formatedCoordenates, clearedGridColor, level);
+
+					occupancyMaps[r][c] = Array(gridSize.x).fill(null).map(()=>Array(gridSize.y).fill(false));
+				}
+			}
+
 			historyOfPlacements = null;
 			historyOfPlacements = [];
 			historyIndex = 0;
-			
-			let mapLengthX = occupancyMap.length;
-			let mapLengthY = occupancyMap[0].length;
-			
-			occupancyMap = Array(mapLengthX).fill(null).map(()=>Array(mapLengthY).fill(false));
-			
-			//Reset cuts in map. See MultimapMechanics.js for more info
 		}
 
-		function ResetCutsMap(){
-			rows(nrows);
-			cols(ncols);
-		}
+
 		
 		function HideMapEditor(){
-			table.style.display = "none";
+			gridMap.style.display = "none";
 			let lateralButtons = document.getElementsByClassName("control")[0];
 			lateralButtons.style.display = "none";
 		}
 		
 		
-        function OnGridClickAndDrag(x, y){
-			UpdateItemPlacingInfo(x, y);
+        function OnGridClickAndDrag(){
+			UpdateItemPlacingInfo();
 			state = GetOccupancyOfPlacingInfo();
 
+			console.log(state)
+
 			if (state == FREE){
 				PlaceCurrentItemInfo();
 			}		
 		}
 		
-        function OnGridClick(x, y){
+        function OnGridClick(){
 			//OCCUPIED happens when you click directly over a shape in the map
 			//OBSTRUCTED happens when you try to place a shape and indiretctly is being blocked by another
 			//FREE is space availabe
 			
-			//Resets Ctrl+Z actions
-			chainedUndoneIndex = 0;
-			
-			UpdateItemPlacingInfo(x, y);
+			UpdateItemPlacingInfo();
 			state = GetOccupancyOfPlacingInfo();
 			
 			if ( state == OUT_OF_BOUNDS){
@@ -308,13 +338,16 @@
 			else if (state == MAP_CUT){
 				//console.log("MAP_CUT");
 			}
-			else if (state == FREE){
-				//console.log("FREE");
+			else if (state == MAP_CUT){
+				//console.log("MAP_CUT");
+			}
+			else if (state == NULL){
+				//console.log("NULL");
 				PlaceCurrentItemInfo();
 			}
         }
 		
-		function UpdateItemPlacingInfo(x, y){
+		function UpdateItemPlacingInfo(){
 			//Sooo. i know is confusing but here goes:
 			// 1. Average volume of an object is its center position. Not the bounding box center
 			// 2. Here changes the index-position for the center-volume-position of the object so it visualy rotates from its center
@@ -323,10 +356,8 @@
 			// 5. Summary; internally we're using (row,col) as original detection of coordenates. Volume-center to place the visuals. And standar (x,y) as output
 
 			//Creates an object {[x],[y]} where x and y are integrers
-			let clickedCoordenate = new Vector2Array(x, y);
-			currentItemPlacingInfo.positionX = x;
-			currentItemPlacingInfo.positionY = y;
-			
+			let clickedCoordenate = new Vector2Array(currentItemPlacingInfo.positionX, currentItemPlacingInfo.positionY);
+
 			//Finds info 
 			let shape = listOfShapes[currentItemPlacingInfo.itemType];
 			let shapeRotated = RotateCoordenatesByAngle(shape, currentItemPlacingInfo.rotation);
@@ -351,7 +382,7 @@
 		
 		function PlaceCurrentItemInfo(){
 			//Standar (x,y) system for ouputting
-			let minValues = GetMinValuesOfCoordenates(currentItemPlacingInfo.coordenates)
+			let minValues = GetMinValuesOfCoordenates(currentItemPlacingInfo.coordenates);
 			currentItemPlacingInfo.positionX = minValues.x;
 			currentItemPlacingInfo.positionY = minValues.y;
 			
@@ -385,7 +416,7 @@
 				outputData = JSON.stringify( formatCoordenates() );
 			else
 				outputData = FormatOutput();
-				
+
 			let ouputShapes = formatShapes();
 			
 			//console.log("DOWNLOADED:");
diff --git a/MapBuilderForWeb/MapBuilderStyles.css b/MapBuilderForWeb/MapBuilderStyles.css
index 4d789f8..7be26d0 100644
--- a/MapBuilderForWeb/MapBuilderStyles.css
+++ b/MapBuilderForWeb/MapBuilderStyles.css
@@ -35,30 +35,28 @@
 		--delete-icon: #DCDCAA;
 	}
 
+	html {
+		zoom: 150%;
+	}
 
 	tr, td {
 		padding: 0.6rem;
-		border: 1px dashed var(--light-gray);
-		background-color: var(--white);
 		vertical-align: top;
 		cursor: pointer;
 	}
 	table {
 		border: 0px;
-		border-radius: 3px;
+		border-radius: 5px;
 		border-collapse: collapse;
 		margin:2px;
-		box-shadow: 0px 0px 15px var(--table-shadow);
 
 		font-size: 1rem;
 		font-weight: bold;
-		color: var(--white);
 	}
 	
 	.layout{
 		background-color: var(--background);
 		padding: 5px;
-		border: 1px dashed var(--background);
 	}
 
 	body {
@@ -73,36 +71,49 @@
 		margin-right: 20px;
 		cursor: pointer;
 		box-shadow: none;
-		border-radius: 3px;
+		border-radius: 5px;
 		transition: 0.1s ease-in-out;
+		color: var(--white);
 	}	
 		.item:hover {
 			box-shadow: 0px 0px 15px var(--item-click);
 			transform: scale(1.1);
 			transition: 0.1s ease-in-out;
 		}
-	
+		.item td, .item tr{
+			background-color: var(--white);
+			border: 1px dashed var(--light-gray);
+		}
+
+	.gridLevel td, .gridLevel tr{
+		background-color: var(--white);
+		border: 1px dashed var(--light-gray);
+	}
 	
 	.stats {
 		position: absolute;
-		left: 20px;
-		bottom: 40px;
+		text-align: right;
+		right: 100px;
+		bottom: 20px;
 		color: gray;
 	}
 	
 	#lateralMenuGraphics {
 		background-color: var(--lateral-menu-background);
 		box-shadow: 0px 0px 5px var(--lateral-menu-background);
-		min-height: 423px;
+		min-height: 400px;
 		cursor: default;
 		width: 290px;
+		border-radius: 5px;
 	}
 	#itemsArea {
 		height: 190px;
 		cursor: default;
 		overflow-x: auto;
 		max-width: 1236px;
-	
+		background-color: var(--lateral-menu-background);
+		border-radius: 5px;
+
 		display: flex;
 		align-items: center;
 	}
@@ -114,9 +125,18 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
+		background-color: var(--lateral-menu-background);
+		border-radius: 5px;
+	}
+
+	#gridMap{
+		background-color: var(--lateral-menu-background);
 	}
 	
-	
+	.shapeMap tr, .shapeMap td{
+		background-color: var(--white);
+		border: 1px dashed var(--light-gray);
+	}
 	
 	.addShapeButton{
 		background-color: var(--white);
@@ -152,7 +172,7 @@
 		width: 270px;
 		height: 90px;
 		background-color: var(--side-button);
-		/*border: 5px dashed var(--lateral-menu-background);*/
+		border-radius: 5px;
 		
 		font-size: 2rem;
 		font-weight: bold;
@@ -180,6 +200,7 @@
 		font-weight: bolder;
 		font-size: x-large;
 		width: 211px;
+		border-radius: 5px;
 	}
 		.inputName:hover {
 			background-color: var(--item-hover);
diff --git a/MapBuilderForWeb/MultimapMechanics.js b/MapBuilderForWeb/MultimapMechanics.js
index ef4d6ee..7f95beb 100644
--- a/MapBuilderForWeb/MultimapMechanics.js
+++ b/MapBuilderForWeb/MultimapMechanics.js
@@ -16,6 +16,11 @@
 		initializeMapEditorGrid(x, y);
 		ResetCutsMap();
 	}
+	
+	function ResetCutsMap(){
+		rows(nrows);
+		cols(ncols);
+	}
 
 	function AskForReset(){
 		let coordenates = OccupancyMapToCoordenates(occupancyMap);
diff --git a/MapBuilderForWeb/ShapeBuilder.js b/MapBuilderForWeb/ShapeBuilder.js
index a28ce50..01fef88 100644
--- a/MapBuilderForWeb/ShapeBuilder.js
+++ b/MapBuilderForWeb/ShapeBuilder.js
@@ -81,16 +81,15 @@ var isShapeEditorActive = false;
 		}
 
 		function ResetShape(){
+			let occupancyMap = occupancyMaps[currentItemPlacingInfo.level.x][currentItemPlacingInfo.level.y];
+
 			//console.log("ResetShape stuff happens");
 			let formatedCoordenates = OccupancyMapToCoordenates(shapeMap);
 			for(let i=0; i<formatedCoordenates.x.length; i++){
 				printVisualsOfShapeEditorCoordenates(formatedCoordenates.x[i], formatedCoordenates.y[i], clearedGridColor);
 			}
 			
-			let mapLengthX = occupancyMap.length;
-			let mapLengthY = occupancyMap[0].length;
-			
-			shapeMap = Array(mapLengthX).fill(null).map(()=>Array(mapLengthY).fill(false));
+			shapeMap = Array(shapesGridSize.x).fill(null).map(()=>Array(shapesGridSize.y).fill(false));
 		}
 
 		function RegisterCoordenatesInShapesMap(x, y, state){
@@ -110,7 +109,7 @@ var isShapeEditorActive = false;
 		function GoToMapEditor(){
 			HideShapesEditor();
 			
-			table.style.display = "initial";
+			gridMap.style.display = "initial";
 			let lateralButtons = document.getElementsByClassName("control")[0];
 			lateralButtons.style.display = "initial";
 			isShapeEditorActive = false;
