diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..7f28877
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+iii/*
+vc/*
+sa/*
diff --git a/index.html b/index.html
index 422cee4..ec978ff 100644
--- a/index.html
+++ b/index.html
@@ -8,9 +8,9 @@
 
   <body>
     <div id="control">
-<a href="javascript: startVehicleViewerIII();">III</a>
-<a href="javascript: startVehicleViewerVC();">VC</a>
-<a href="javascript: startVehicleViewerSA();">SA</a>
+<a href="javascript: startVehicleViewerIII(defaultModel);">III</a>
+<a href="javascript: startVehicleViewerVC(defaultModel);">VC</a>
+<a href="javascript: startVehicleViewerSA(defaultModel);">SA</a>
     </div>
     <canvas id="glcanvas" width="640" height="480" style="float:left"></canvas>
     <div style="float:left">
@@ -40,44 +40,95 @@
   <script src="main.js"></script>
   <script src="loaddata.js"></script>
   <script>
+var defaultModel = 'cheetah';
+var initialGame = 'iii';
+var initialModel = defaultModel;
+var currentGame;
+
 InitRW();
 
 function
-startVehicleViewerIII()
+startVehicleViewerIII(model)
 {
+  currentGame = 'iii';
   DataDirPath = "iii/data";
   ModelsDirPath = "iii/models";
   TexturesDirPath = "iii/textures";
   loadCar = loadCarIII;
   loadVehicleViewer("default.ide", function() {
-    SelectModel("cheetah");
+    if(parseInt(model)) {
+      SelectModelByID(model);
+    }
+    else {
+      SelectModel(model);
+    }
   });
 }
 
 function
-startVehicleViewerVC()
+startVehicleViewerVC(model)
 {
+  currentGame = 'vc';
   DataDirPath = "vc/data";
   ModelsDirPath = "vc/models";
   TexturesDirPath = "vc/textures";
   loadCar = loadCarVC;
   loadVehicleViewer("default.ide", function() {
-    SelectModel("cheetah");
+    if(parseInt(model)) {
+      SelectModelByID(model);
+    }
+    else {
+      SelectModel(model);
+    }
   });
 }
 
 function
-startVehicleViewerSA()
+startVehicleViewerSA(model)
 {
+  currentGame = 'sa';
   DataDirPath = "sa/data";
   ModelsDirPath = "sa/models";
   TexturesDirPath = "sa/textures";
   loadCar = loadCarSA;
   loadVehicleViewer("vehicles.ide", function() {
-    SelectModel("cheetah");
+    if(parseInt(model)) {
+      SelectModelByID(model);
+    }
+    else {
+      SelectModel(model);
+    }
   });
 }
 
-startVehicleViewerIII();
+var hash = window.location.hash;
+if(hash.length !== '') {
+  hash = hash.substring(1).toLowerCase();
+  var hashParts = hash.split('/');
+
+  if(['iii', 'vc', 'sa'].includes(hashParts[0])) {
+    initialGame = hashParts[0];
+    if(hashParts.length > 1) {
+      initialModel = hashParts[1];
+    }
+  }
+  else {
+    // Invalid location hash, reset it
+    window.location.hash = '';
+    if(window.history) {
+      history.replaceState(null, null, ' ');
+    }
+  }
+}
+
+if(initialGame === 'iii') {
+  startVehicleViewerIII(initialModel);
+}
+else if(initialGame === 'vc') {
+  startVehicleViewerVC(initialModel);
+}
+else if(initialGame === 'sa') {
+  startVehicleViewerSA(initialModel);
+}
   </script>
 </html>
diff --git a/loaddata.js b/loaddata.js
index 409c06a..c6f708d 100644
--- a/loaddata.js
+++ b/loaddata.js
@@ -68,6 +68,14 @@ SelectModel(model)
 	SetCarColors(CurrentModel.colors[0]);
 
 	loadCar(model + ".dff");
+
+	window.location.hash = currentGame + '/' + model;
+}
+
+function
+SelectModelByID(modelID) {
+	model = ModelInfos[modelID];
+	SelectModel(model.model);
 }
 
 function
