diff --git a/js/order.js b/js/order.js
new file mode 100644
index 0000000000000000000000000000000000000000..a6e6438e3e12d91c20918d9110abccfa2318d215
--- /dev/null
+++ b/js/order.js
@@ -0,0 +1,49 @@
+var clicked1 = false;
+function next1(){
+	if (!clicked1){
+		clicked1 = true;
+		document.getElementById('box_aktif').innerHTML =
+		'<div class="stepBox">' +
+			'<div class="number">1</div>' +
+			'<div class="step">Select Destination</div>' +
+		'</div>' +
+		'<div class="stepBox active">' +
+			'<span class="number">2</span>' +
+			'<div class="step">Select a Driver</div>' +
+		'</div>' +
+		'<div class="stepBox">' +
+			'<span class="number">3</span>' +
+			'<div class="step">Complete your order</div>' +
+		'</div>' +
+		'<div class="roundedBox preferred">' +
+			'<span class="header3"><b>PREFERRED DRIVERS:</b></span>' +
+		'</div>' +
+		'<div class="roundedBox others">'+
+			'<span class="header3"><b>OTHER DRIVERS:</b></span>' +
+		'</div>' +
+		'<input type="submit" name="submit" value="NEXT" onclick="next2()">';
+	}
+}
+
+function next2(){
+	document.getElementById('box_aktif').innerHTML = 
+		'<div class="stepBox">' +
+			'<div class="number">1</div>' +
+			'<div class="step">Select Destination</div>' +
+		'</div>' +
+		'<div class="stepBox">' +
+			'<span class="number">2</span>' +
+			'<div class="step">Select a Driver</div>' +
+		'</div>' +
+		'<div class="stepBox active">' +
+			'<span class="number">3</span>' +
+			'<div class="step">Complete your order</div>' +
+		'</div>' +
+		'<div class="roundedBox preferred">' +
+			'<span class="header3"><b>PREFERRED DRIVERS:</b></span>' +
+		'</div>' +
+		'<div class="roundedBox others">'+
+			'<span class="header3"><b>OTHER DRIVERS:</b></span>' +
+		'</div>' +
+		'<input type="submit" name="submit" value="NEXT" onclick="next2()">';
+}
\ No newline at end of file