var prevLink;
var nextLink;
var playLink;
var playing = false;
var player = null;
var retardo = 9000;
var playPauseImage = null;
var itemsPerPage = 1;
var visiblePage = 0;
var items;


function paginate(selector,num) {
	items = cssQuery(selector);
	
	itemsPerPage = num;
	
	playPauseImage = document.getElementById('playPauseImage');
	
	prevLink = document.getElementById('previous');
	prevLink.onclick=function() {
		stopRotation();
		visiblePage = Math.max(0,visiblePage-1);
		displayPage();
		return false;
	}
	
	nextLink = document.getElementById('next');
	nextLink.onclick=function() {
			
			stopRotation();
			if (visiblePage + 1 != items.length) {
				visiblePage = Math.min(Math.floor(items.length/itemsPerPage),visiblePage+1);
				displayPage();
			}
			return false;	
	}
	
	playLink = document.getElementById('play');
	playLink.onclick=function() {
	
			playing = !playing;
			
			if (playing) playRotation(); else stopRotation();
			
			return false;	
	}
	
	playRotation();
}

function playRotation() {

		playing = true;
		playPauseImage.src = '/media/images/clearbits/pause.gif';

		if (visiblePage + 1 != items.length) {
			visiblePage = Math.min(Math.floor(items.length/itemsPerPage),visiblePage+1);
		} else {
			visiblePage = 0;
		}
		
		displayPage();
				
		player = self.setTimeout("playRotation()", retardo); //keep going every retardo seconds
	
}

function stopRotation() {

	playing = false;
	playPauseImage.src = '/media/images/clearbits/loop.gif';
	clearTimeout(player);

}

function displayPage() {
	for(i=0;i<items.length;i++){
		items[i].style.display='block';
		if (i<visiblePage*itemsPerPage||i>((visiblePage+1)*itemsPerPage)-1) {
			
				//alert('visiblePage: ' + visiblePage + ' , items[i]: ' +  items[i] + ' , i: ' + i );

					items[i].style.display='none';
			
		}
	}
}