// 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 new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
	$('#Searchresult').empty().append(new_content);
	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: 5,
		callback: pageselectCallback,
		items_per_page:1
	});
 }

// Pagination na snimkite

/**
 * 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 pagePicselectCallback(page_index, jq){
	var new_content = $('#hiddenresultpic div.resultpic:eq('+page_index+')').clone();
	$('#Searchresultpic').empty().append(new_content);
	return false;
}

/** 
 * Callback function for the AJAX content loader.
 */
function initPaginationPic() {
	var num_entries = $('#hiddenresultpic div.resultpic').length;
	// Create pagination element
	$("#Paginationpic").pagination(num_entries, {
		num_edge_entries: 2,
		num_display_entries: 4,
		callback: pagePicselectCallback,
		items_per_page:1
	});
 }		
 
// 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();
	initPaginationPic();
});