var Navi = new Object;
Navi.page = 1;

Navi.setLoading = function() {
	$('navi_tresc').innerHTML = '<div class="navi_loading"><img src="images/spinner.gif" /></div>';
}

Navi.next = function(url) {
	var tpage = this.page + 1;
	this.page++;
	update(url + tpage,'navi_tresc');
	this.setLoading();
	this.setActivePage();
}

Navi.prev = function(url) {
	var tpage = this.page - 1;
	if(tpage > 0) {
		this.page--;
		update(url + tpage,'navi_tresc');
		this.setLoading();
		this.setActivePage();
	}
}

Navi.goto = function(url,page) {
	this.page = page;
	update(url + page,'navi_tresc');
	this.setLoading();
	this.setActivePage();
}

Navi.setActivePage = function() {
	
	var pLinks = document.getElementsByClassName('act','navi_pager');
	var pLen = pLinks.length;
	
	for(var i = 0; i < pLen; i++) {
		pLinks[i].className = 'nact';
	}
	
	var aLink = $('pager_link'+this.page);
	aLink.className = 'act';	
}