merge

1 files changed, 37 insertions, 3 deletions

diff --git a/public/assets/javascripts/ui/site/ProjectList.js b/public/assets/javascripts/ui/site/ProjectList.js
index 993d805..ebb0a96 100644
--- a/public/assets/javascripts/ui/site/ProjectList.js
+++ b/public/assets/javascripts/ui/site/ProjectList.js
@@ -1,16 +1,49 @@
-
+var projectListTimeout = null
 var ProjectList = View.extend({
 
 	el: ".projectList",
 
 	events: {
-		"mouseenter .room": 'spinOn',
-		"mouseleave .room": 'spinOff',
+		"mouseenter .room": 'enter',
+		"mouseleave .room": 'leave',
 	},
 	
 	initialize: function(){
+	  this.$(".images").each(function(){
+	    $divs = $(this).children("div")
+	    $divs.hide()
+	    $divs.first().show()
+	    $(this).data("index", 0)
+	  })
+	},
+	
+	timeout: null,
+	enter: function(e){
+    clearTimeout(projectListTimeout)
+    this.advance(e.currentTarget)
 	},
 	
+	leave: function(e){
+    clearTimeout(projectListTimeout)
+    var $divs = $(e.currentTarget).find(".images div")
+    $divs.hide()
+    $divs.eq(0).show()
+	},
+	
+	advance: function(el){
+    projectListTimeout = setTimeout(function(){
+      this.advance(el)
+    }.bind(this), 500)
+	  var $images = $(el).find(".images")
+	  var $divs = $images.children("div")
+	  var index = $images.data("index")
+	  var nextIndex = (index + 1) % $divs.length
+    $divs.eq(index).hide()
+    $divs.eq(nextIndex).show()
+    $images.data("index", nextIndex)
+	}
+	
+/*
 	spinOn: function(e){
 		var iframe = $(e.currentTarget).find("iframe").get('0')
 		if (! iframe) return
@@ -22,5 +55,6 @@ var ProjectList = View.extend({
 		if (! iframe) return
 		iframe.contentWindow.postMessage("spin-off", window.location.origin)
 	}
+*/
 
 })