--- a/integration/v2/js/main.js	Fri Jun 21 17:31:18 2013 +0200
+++ b/integration/v2/js/main.js	Mon Jun 24 15:59:04 2013 +0200
@@ -20,6 +20,15 @@
 	  itemSelector: '.item-masonry',
 	  gutter : 16
 	});
+
+	function masonry177(){
+		var masonry177 = $('.masonry-177');
+		masonry177.masonry({
+		  columnWidth: 177,
+		  itemSelector: '.item-masonry'
+		});
+	}
+	masonry177();
 //popin
 	$('.open-popin').bind('click', function(e){
 		e.preventDefault();
@@ -51,6 +60,32 @@
 			keywordsTagIt.tagit("createTag", tag);
 		});
 	}
+//mosaic
+	$('.toggle-comment').bind('click', function(e){
+		e.preventDefault();
+		$('.show-comment, .hide-comment').hide();
+		if($('.mosaic').length){
+			$('.mosaic').removeClass('mosaic').addClass('mosaic-comment');
+			$('.hide-comment').show();
+		}else{
+			$('.mosaic-comment').removeClass('mosaic-comment').addClass('mosaic');
+			$('.show-comment').show();
+		}
+		masonry177();
+	});
 
+	$('.display-keyword').bind('click', function(e){
+		e.preventDefault();
+		var li = $(this).parents('li'),
+			keyword = $(this).attr('data-keyword');
+		if(li.hasClass('disabled')){
+			$('li.keyword-'+keyword).find('.curtain').hide();
+			li.removeClass('disabled');
+		}else{
+			$('li.keyword-'+keyword).find('.curtain').show();
+			li.addClass('disabled');
+		}
+		
+	});
 	
 });//ready