var multipageContainer='multipage';
var multipageMenu=multipageContainer+'_menu'
var tagItem = 'li';
var itemsPerPage=10;
var pagesInMenu=7;
var imgPathMenu='/images/template/';

function multipages_init(){
	
	$$('.'+multipageContainer+' '+tagItem).each(function(el){
			el.removeClass('multiPageItem');
			el.removeClass('multiPageItem_active');
			if(el.className.indexOf('displaynone') == -1){
				el.addClass('multiPageItem');
			}
			
	});
	changeitem(1);

}

function changeitem(page){
	//alert(itemsPerPage*(page-1)+' '+(itemsPerPage*page))
	
	$$('.'+multipageContainer+' '+tagItem+'.multiPageItem').each(function(el,i){
		
		el.removeClass('multiPageItem_active');
		
		if (i>=(itemsPerPage*(page-1)) && i<(itemsPerPage*page)){
			el.addClass('multiPageItem_active');
			
			}
			
	});

	multipagesMenu_refresh(page);

}


function multipagesMenu_init(){
	if ($$('.'+multipageContainer).length){		
		
	var pMulti	= new Element('p', {
					'class' : 'selectnews',
					'id' : multipageMenu
	});
	
	pMulti.injectBottom($$('.'+multipageContainer)[0]);	
	}
}

function multipagesMenu_refresh(page){
	
	if($(multipageMenu)){
		$(multipageMenu).erase('html');

	if ($$('.'+multipageContainer+' '+tagItem+'.multiPageItem').length <= itemsPerPage){
		$(multipageMenu).setStyle('display','none')
	}else{
		$(multipageMenu).setStyle('display','block')
//button go to first
	
	var img1Multi	= new Element('img', {
					'src' : imgPathMenu+'/first-page.gif' 
	});
	var img1aMulti	= new Element('a', {
					'href' : '#top',
					'title' : '1',
					'events' : {
									    'click': function(){
									     changeitem(1);
									      }
									      }
	});
	img1aMulti.injectBottom($(multipageMenu));
	img1Multi.injectBottom(img1aMulti);
	$(multipageMenu).appendText(' ')

//button go to previous

	var img2Multi	= new Element('img', {
					'src' : imgPathMenu+'/previous-page.gif' 
	});
	(page > 2) ? pagego=page-1 : pagego=1;
		
	var img2aMulti	= new Element('a', {
					'href' : '#top',
					'title' : pagego,
					'events' : {
									    'click': function(){
									    	
									     changeitem(this.title);
									      }
									      }
	});
	img2aMulti.injectBottom($(multipageMenu));
	img2Multi.injectBottom(img2aMulti);
	$(multipageMenu).appendText(' ')

	
	
	lastPage=Math.ceil($$('.'+multipageContainer+' '+tagItem+'.multiPageItem').length/itemsPerPage);
	
	menuStartPage=page-Math.floor(pagesInMenu/2);
		
		
			 if (menuStartPage > lastPage-pagesInMenu){
			 menuStartPage=lastPage-pagesInMenu+1;
			 
			 }
			 if (menuStartPage < 1) {
			 			 menuStartPage=1					
		}
		
		
		(lastPage > pagesInMenu) ? menuendPage=menuStartPage+pagesInMenu-1 : menuendPage=lastPage;
	
	
	for (pageNum=menuStartPage;pageNum<=menuendPage;pageNum++){
		(page==pageNum)?cl='active':cl='';
			
			var aMulti	= new Element('a', {
					'href' : '#top' ,
					'html' : pageNum,
					'title' : pageNum,
					'class' : cl,
					 'events' : {
									    'click': function(){
									     changeitem(this.innerHTML);
									      }
									      }
	});
	
	aMulti.injectBottom($(multipageMenu));
		if (pageNum!=menuendPage){
			$(multipageMenu).appendText(' |')
		}else if (lastPage > pagesInMenu){
			$(multipageMenu).appendText(' to ')
			var aMulti	= new Element('a', {
					'href' : '#top' ,
					'title' : lastPage,
					'html' : lastPage,
					'events' : {
									    'click': function(){
									     changeitem(lastPage);
									      }
									      }
					});
		aMulti.injectBottom($(multipageMenu));
		
			}
		$(multipageMenu).appendText(' ')
		}
		
		
		
	//button go to next

	var img3Multi	= new Element('img', {
					'src' : imgPathMenu+'/next-page.gif' 
	});
	(page < lastPage) ? pagego=parseFloat(page)+1 : pagego=lastPage;
	var img3aMulti	= new Element('a', {
					'href' : '#top',
					'title' : pagego,
					'events' : {
									    'click': function(){
									     changeitem(this.title);
									      }
									      }
	});
	img3aMulti.injectBottom($(multipageMenu));
	img3Multi.injectBottom(img3aMulti);
	
	}	
	}
	
}


window.addEvent('domready', function() {
	//speedReport('multipage.js');
		multipagesMenu_init();
		multipages_init();	
//speedReport('multipage.js');
});


