From 49707796124b011d5a47b2af3f96963ab7866d83 Mon Sep 17 00:00:00 2001
From: tmeissner <programming@goodcleanfun.de>
Date: Thu, 28 Nov 2013 00:23:21 +0100
Subject: [PATCH] new javascript file with event listeners for image gallery

---
 js/meissner-wohnen.js | 48 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 js/meissner-wohnen.js

diff --git a/js/meissner-wohnen.js b/js/meissner-wohnen.js
new file mode 100644
index 0000000..6d18f16
--- /dev/null
+++ b/js/meissner-wohnen.js
@@ -0,0 +1,48 @@
+(function() {
+
+
+    var wohnung = document.getElementsByClassName("wohnung-img"),
+        kueche = document.getElementsByClassName("kueche-img"),
+        bad = document.getElementsByClassName("bad-img"),
+        index = 0;
+
+
+    var setActive = function (element) {
+        document.getElementById(element).classList.add("active");
+    };
+
+    var setDeactive = function (element) {
+        document.getElementById(element).classList.remove("active");
+    };
+
+
+    for (index=0; index <= wohnung.length-1; index++) {
+        if (wohnung[index].addEventListener) {
+            wohnung[index].addEventListener("mouseenter", function(){setActive("wohnung")}, false);
+            wohnung[index].addEventListener("mouseleave", function(){setDeactive("wohnung")}, false);
+        } else {
+            wohnung.attachEvent("onmouseenter", function(){setActive("wohnung")});
+            wohnung.attachEvent("onmouseleave", function(){setDeactive("wohnung")});
+        }
+    }
+    for (index=0; index <= kueche.length-1; index++) {
+        if (kueche[index].addEventListener) {
+            kueche[index].addEventListener("mouseenter", function(){setActive("kueche")}, false);
+            kueche[index].addEventListener("mouseleave", function(){setDeactive("kueche")}, false);
+        } else {
+            kueche.attachEvent("onmouseenter", function(){setActive("kueche")});
+            kueche.attachEvent("onmouseleave", function(){setDeactive("kueche")});
+        }
+    }
+    for (index=0; index <= bad.length-1; index++) {
+        if (bad[index].addEventListener) {
+            bad[index].addEventListener("mouseenter", function(){setActive("bad")}, false);
+            bad[index].addEventListener("mouseleave", function(){setDeactive("bad")}, false);
+        } else {
+            bad.attachEvent("onmouseenter", function(){setActive("bad")});
+            bad.attachEvent("onmouseleave", function(){setDeactive("bad")});
+        }
+    }
+
+
+}());