diff --git a/index.html b/index.html
index d69c955..c4f8680 100644
--- a/index.html
+++ b/index.html
@@ -6,21 +6,35 @@
 		table, th, td {
 			border: 1px solid black;
 			padding: 15px;
+			
 		}
 		.ant {
-			background: red;
+			background: red !important;
+		}
+		.black {
+			background: black;
 		}
 		</style>
-		<script type="text/javascript" src="prgm.js"></script>
+		
 	</head>
 	<body>
 		<div class="prgm">
 		</div>
+		<button onclick="moving()" style="position: fixed;top: 0;">Move</button>
+		<input style="position: fixed;bottom: 0;" class="moves"/>
 	</body>
+	<script type="text/javascript" src="prgm.js"></script>
 	<script>
-		prgm = Prgm;
-		AntElement = "test";
-		prgm.init(document.getElementsByClassName("prgm")[0], 10);
-		prgm.Ant.setAt(1,2);
+		function moving() {
+			for (var i = document.getElementsByClassName("moves")[0].value - 1; i >= 0; i--) {
+				Prgm.Ant.move();
+			}
+		}
+		window.onload = function() {
+			stop = false;
+			Prgm.setElement("test");
+			Prgm.init(document.getElementsByClassName("prgm")[0], 250);
+			Prgm.Ant.setAt(50, 200);
+		};
 	</script>
 </html>
\ No newline at end of file
diff --git a/prgm.js b/prgm.js
index b6913ca..2a2862c 100644
--- a/prgm.js
+++ b/prgm.js
@@ -5,55 +5,61 @@ var Prgm = {
 		this.Ant.element= elementName;
 	},
 	init: function(element, width) {
+		width++;
 		table = "<table id="+this.element+">";
 		for (t = 0; t < width; t++) {
-			table += "<tr>";
+			table += '<tr line="'+t+'">';
 			for (i = 0; i < width; i++) {
-				table += '<td col="'+t+'" line="'+i+'"></td>';
+				table += '<td col="'+i+'"></td>';
 			}
 			table += "</tr>";
 		}
 		element.innerHTML += table;
 	},
+
+
 	Ant: {
 		element: "table",
 		prepos: [0,0],
 		pos: [0,0],
 		setAt: function(line, col) {
+			//console.log("Entering : Ant.setAt");
 			col--;
 			line--;
-			//window.alert(col + ", " + line + ", " + AntElement);
-			document.getElementById(this.element).childNodes[0].childNodes[col].childNodes[line].classList.add("ant");
-			pos = document.getElementsByClassName("ant")[0];
-			this.pos = [pos.getAttribute("line"), pos.getAttribute("col")];
-			this.prepos = this.pos;
-			this.prepos[0] = this.pos[0] - 1;
+			document.getElementById(this.element).childNodes[0].childNodes[line].childNodes[col].classList.add("ant");
+			this.pos = [line, col];
+			this.prepos = [line+1, col];
 		},
 		move: function() {
-				window.alert(parseInt(this.prepos[0])+parseInt(this.pos[0])+", "+(parseInt(this.prepos[1])+parseInt(this.pos[1])));
+			//console.log("Entering : Ant.move");
+			//console.log("prepos : " + this.prepos + "\npos : " + this.pos);
+			//console.log("Diff : "+(parseInt(this.prepos[0])-parseInt(this.pos[0]))+", "+(parseInt(this.prepos[1])-parseInt(this.pos[1])));
+			if(document.getElementsByClassName("ant")[0].classList.contains("black")) {
+				document.getElementsByClassName("ant")[0].classList.remove("black");
+				//console.log("Black tile !\nSending : " + (parseInt(this.prepos[1])-parseInt(this.pos[1]))+", "+ (-(parseInt(this.prepos[0])-parseInt(this.pos[0]))));
+				this.a(parseInt(this.prepos[1])-parseInt(this.pos[1]), -(parseInt(this.prepos[0])-parseInt(this.pos[0])));
 
-			if(pos.classList.contains("black")) {
-				//window.alert(this.prepos[0]+this.pos[0]+", "+this.prepos[1]+this.pos[1]);
-				//window.alert(this.prepos);
-				this.a();
 			} else {
-				//window.alert(parseInt(this.prepos[0])+parseInt(this.pos[0])+", "+(parseInt(this.prepos[1])+parseInt(this.pos[1])));
-				//window.alert(this.prepos);
+				document.getElementsByClassName("ant")[0].classList.add("black");
+				//console.log("White tile !\nSending : " + (-(parseInt(this.prepos[1])-parseInt(this.pos[1])))+", "+ (parseInt(this.prepos[0])-parseInt(this.pos[0])));
+				this.a(-(parseInt(this.prepos[1])-parseInt(this.pos[1])), parseInt(this.prepos[0])-parseInt(this.pos[0]));
 			}
-			//window.alert(this.pos);
 		},
 		a: function(line, col) {
-			//window.alert(line+", "+col);
-			//window.alert((line+parseInt(this.pos[0]))+", "+(col+parseInt(this.pos[1])));
-			pos = document.getElementsByClassName("ant")[0].classList.remove("ant");
+			//console.log("Entering : Ant.a");
+			document.getElementsByClassName("ant")[0].classList.remove("ant");
+			//console.log("Setting Ant Position to :\nLine : " + (line+parseInt(this.pos[0])) + "\nColumn : " + (col+parseInt(this.pos[1])) );
 			document
 				.getElementById(this.element)
 				.childNodes[0]
-				.childNodes[line-1+parseInt(this.prepos[0])]
-				.childNodes[col-1+parseInt(this.prepos[1])]
+				.childNodes[line+parseInt(this.pos[0])]
+				.childNodes[col+parseInt(this.pos[1])]
 				.classList
 				.add("ant");
 			this.prepos = this.pos;
+			this.pos = [line+parseInt(this.prepos[0]), col+parseInt(this.prepos[1])];
 		},
+
+
 	}
 }
\ No newline at end of file
