// 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 items_per_page=10;
					var num_entries = $('#hiddenresult li.result').length;
					var new_content = "<ul class=\"jiji-data\">";
					var max_elem = Math.min((page_index+1)*items_per_page,num_entries);
					for(i=page_index*items_per_page;i<max_elem;i++){
               	new_content += "<li>" + $('#hiddenresult li.result:eq('+ i +')').html() + "</li>";
					}
					new_content +="</ul>";
                $('#Searchresult').empty().append(new_content);
                return false;
            }
           
            /** 
             * Callback function for the AJAX content loader.
             */
            function initPagination() {
                var num_entries = $('#hiddenresult li.result').length;
                // Create pagination element
                $("#Pagination").pagination(num_entries, {
                    num_edge_entries: 1,
                    num_display_entries: 2,
                    callback: pageselectCallback,
                    items_per_page:10
                });
             }
                    
            // Load HTML snippet with AJAX and insert it into the Hiddenresult element
            // When the HTML has loaded, call initPagination to paginate the elements        
            $(document).ready(function(){      
                initPagination();
            });