show actual posts instead of highlighting them

1 files changed, 15 insertions, 3 deletions

diff --git a/js/post-hover.js b/js/post-hover.js
index d151e5b3..06dd55a2 100644
--- a/js/post-hover.js
+++ b/js/post-hover.js
@@ -20,10 +20,22 @@ $(document).ready(function(){
 		}
 		
 		var post = $('div.post#reply_' + id);
-		$(this).hover(function() {
-			post.attr('style', 'border-style: none dashed dashed none; background: ' + post.css('border-right-color'));
+		$(this).hover(function(e) {
+			post.clone()
+				.attr('id', 'post-hover-' + id)
+				.addClass('post-hover')
+				.css('position', 'absolute')
+				.css('left', e.pageX + 15)
+				.css('top', e.pageY - post.height() - 15)
+				.css('border-style', 'solid')
+				.css('box-shadow', '1px 1px 1px #999')
+				.insertAfter($(this).parent());
 		}, function() {
-			post.attr('style', '');
+			$('.post-hover').remove();
+		}).mousemove(function(e) {
+			$('#post-hover-' + id)
+				.css('left', e.pageX + 15)
+				.css('top', e.pageY - post.height() - 15);
 		});
 	});
 });