cluster_search_ui/commit

Rewrote first part pagination generation.

diff --git a/web/js/pagination.js b/web/js/pagination.js
index 96b48db..e679d83 100644
--- a/web/js/pagination.js
+++ b/web/js/pagination.js
@@ -6,17 +6,26 @@ function initPagination(numberOfPages, clusterId) {
 	if(numberOfPages==1) return "";
 	
 	// Init HTML pagination string, starting with a disabled left arrow and an active first page
-	var html = '<div class="col-md-12"><ul class="pagination  pagination-sm"><li class="disabled"><span>&laquo;</span></li><li class="active"><span>1</span></li>';
+	var html = $.el.ul({'class':'pagination pagination-sm'},
+					   $.el.li({'class':'disabled'},
+							   $.el.span('\u00ab')),
+					   $.el.li({'class':'active'},
+							   $.el.span(1)));
 	
 	// Add additional pages
 	for(var i=2;i<=numberOfPages;i++){
-		html += '<li><a href="javascript:goToPage(' + i + ', ' + clusterId + ')">' + i + '</a></li>';
-	}
+		html.appendChild(
+			$.el.li($.el.a({'href':'javascript:goToPage(' + i + ', ' + clusterId + ')'},
+						   i)));
+	};
 	
 	// Add right arrow to pagination
-	html += '<li><a href="javascript:nextPage(1' + ', ' + clusterId + ')">&raquo;</a></li></ul></div>';
-	//return html;
-	return $.el.p($.el.b('pagination'));
+	html.appendChild(
+		$.el.li($.el.a({'href':'javascript:nextPage(1' + ', ' + clusterId + ')'},
+					   '\u00bb')));
+	
+	return $.el.div({'class':'col-md-12'},
+					html);
 }
 
 function changePagination(pageNumber, activePage, numberOfPages, clusterId) {