// This file demonstrates the different options of the pagination plugin
            // It also demonstrates how to use a JavaScript data structure to 
            // generate the paginated content and how to display more than one 
            // item per page with items_per_page.
                    
            /**
             * 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 pageselectCallbackG(page_index, jq){
                // Get number of elements per pagionation page from form
                var items_per_page = $('#items_per_page').val();
                var max_elem = Math.min((page_index+1) * items_per_page, membersG.length);
                var newcontent = '';

			$('#currentpage').html(page_index*items_per_page+1);
			$('#perpage').html(max_elem);
			$('#maxpage').html(membersG.length);

                // Iterate through a selection of the content and build an HTML string
                for(var i=page_index*items_per_page;i<max_elem;i++)
                {
					newcontent += membersG[i][0];
                }
                
                // Replace old content with new content
                $('#SearchResultG').html(newcontent);
                
                // Prevent click eventpropagation
                return false;
            }
            
            // The form contains fields for many pagiantion options so you can 
            // quickly see the resuluts of the different options.
            // This function creates an option object for the pagination function.
            // This will be be unnecessary in your application where you just set
            // the options once.
            function getOptionsFromFormG(){
                var opt = {callback: pageselectCallbackG};
                // Collect options from the text fields - the fields are named like their option counterparts
                $("input:hidden").each(function(){
                    opt[this.name] = this.className.match(/numeric/) ? parseInt(this.value) : this.value;
                });
                // Avoid html injections in this demo
                var htmlspecialchars ={ "&":"&amp;", "<":"&lt;", ">":"&gt;", '"':"&quot;"}
                $.each(htmlspecialchars, function(k,v){
                    opt.prev_text = opt.prev_text.replace(k,v);
                    opt.next_text = opt.next_text.replace(k,v);
                })
                return opt;
            }

			
            // When document has loaded, initialize pagination and form 
            $(document).ready(function(){
									   	
				// Create pagination element with options from form
                var optInit = getOptionsFromFormG();
                $("#PaginationG").pagination(membersG.length, optInit);
                
				// Event Handler for for button
				$("#setoptions").click(function(){
                    var opt = getOptionsFromFormG();
                    // Re-create pagination content with new parameters
                    $("#PaginationG").pagination(membersG.length, opt);
                }); 

            });