alternating background images

static/css/rowsandall.css

@@ -1,4 +1,30 @@
+#main {
+    background-color: transparent;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    min-height: 759px;
+    min-width: 1024px;
+    width: 100%;
+    height: auto;
+}
 
+.one {
+    background-image: url("/static/img/landing1.jpg");
+}
+
+.two {
+    background-image: url("/static/img/landing2.jpg");
+}
+
+.three {
+    background-image: url("/static/img/landing1.jpg");
+}
+
+.four {
+    background-image: url("/static/img/landing2.jpg");
+}
 
 html { 
   font-size: 62.5%;

static/js/background.js

@@ -0,0 +1,8 @@
+      var num = (Math.floor(Math.random()*4));
+
+
+      var array = ['one', 'two', 'three', 'four'];
+
+      var elem = document.getElementById('main');
+
+      elem.classList.add(array[num]);