var prevLink;
var nextLink;
var itemsPerPage = 4;
var items;
var currentPage;
var recordcount = 26; //number of videos


function paginate(selector,num) {
	items = cssQuery(selector);
	itemsPerPage = num;
	
	prevLink = document.getElementById('prevLink');
	prevLink.onclick=function() {
		visiblePage = Math.max(0,visiblePage-1);
		currentPage = currentPage -1;
		displayPage();
		return false;		
	}
	nextLink = document.getElementById('nextLink');
	nextLink.onclick=function() {
		visiblePage = Math.min(Math.floor(items.length/itemsPerPage),visiblePage+1);
		currentPage = currentPage +1;
		displayPage();
		return false;	
	}
	
	displayPage();
}

function displayPage() {
	//iterate through all of the items setting style.display to 'none' for 
	//items that are below visiblePage+*itemsPerPage and above 
	//[(visiblePage+1)*itemsPerPage]-1 while setting those in between to 'block'
	
	var sr = 1+(visiblePage*itemsPerPage);
	var er = itemsPerPage+(visiblePage*itemsPerPage);
	var last_sr = (Math.ceil(recordcount/itemsPerPage)*itemsPerPage)-itemsPerPage+1;
	var pages = document.getElementById("pagin");
	
	if(sr < last_sr){
		pages.innerHTML = "Displaying " +  sr + "-" + er + " of " + recordcount + " Videos";
	}
	else {
		pages.innerHTML = "Displaying " +  sr + "-" + recordcount + " of " + recordcount + " Videos";
	}

	for(i=0;i<items.length;i++){
		items[i].style.display='block';
		if (i<visiblePage*itemsPerPage||i>((visiblePage+1)*itemsPerPage)-1) {
			items[i].style.display='none';
			
		}
	}
}