// This is a very simple demo that shows how a range of elements can
            // be paginated.
        
            /**
             * Callback function that displays the content.
             *
             * Gets called every time the user clicks on a pagination link.
             *
             * @param {int}page_index New Page index
             * @param {jQuery} jq the container with the pagination links as a jQuery object
             */
			function pageselectCallback(page_index, jq){
				var num_entries = $('#hiddenresult div.result').length;
				var items_per_page = 10;
				var max_elem = Math.min((page_index + 1) * items_per_page, num_entries);
				
				var newContent = '';
				for(var j = page_index * items_per_page; j < max_elem; j++){
					newContent += $('#hiddenresult div.result:eq(' + j + ')').html();
				}
                $('#Searchresult').html(newContent);
                return false;
            }
           
            /** 
             * Callback function for the AJAX content loader.
             */
            function initPagination() {
                var num_entries = $('#hiddenresult div.result').length;
				// Create pagination element
                $("#Pagination").pagination(num_entries, {
                    num_edge_entries: 1,
                    num_display_entries: 8,
                    callback: pageselectCallback,
                    items_per_page:2
                });
             }
                    
            // Load HTML snippet with AJAX and insert it into the evenementsPasses element
            // When the HTML has loaded, call initPagination to paginate the elements        
            $(document).ready(function(){      
                initPagination();
            });