// JavaScript Document

var elementosporpagina=6;

var numerodepaginas=0;
var numeroelementos=0;
var arrayelementos=[];
var arrayelementospagina=[];
var contenidoparrafopaginador='';

function paginador(){
	// apuntamos al div centralcontainerIndex y contamos cuandos div con class=dynamicterminal contiene
	var misdivterminal=document.getElementById('centralcontainerIndex').getElementsByTagName('div');
	var n_misdivterminal=misdivterminal.length;
	for(i=0;i<n_misdivterminal;i++){
		if( misdivterminal[i].className=='dynamicterminal' ){
			numeroelementos++;
			arrayelementos[numeroelementos-1]=misdivterminal[i];	
			
		}
	}

	// redondeamos la division del total de numeroelementos entre los elementosporpagina deseados para extraer el numerodepaginas 
	numerodepaginas=Math.ceil(numeroelementos/elementosporpagina);
	// rellenamos el arrayelementos con los finales de nº de elementos por pagina 
	for(i=0;i<numerodepaginas;i++){
		arrayelementospagina[i]=elementosporpagina*(i);
		}
	arrayelementospagina[numerodepaginas]=numeroelementos;
	creapaginacion();
	iralapagina(1);
	}


function creapaginacion(){
	for(i=1; i<numerodepaginas; i++){
		contenidoparrafopaginador+="<a href='javascript:iralapagina("+i+");' id='iralapagina_"+numerodepaginas+"'>"+i+"</a><span> | </span>";
		}
	contenidoparrafopaginador+="<a href='javascript:iralapagina("+numerodepaginas+");' id='iralapagina_"+numerodepaginas+"'>"+numerodepaginas+"</a>";
	// asignamos a una variable la creacion de un nuevo elemento p
	var parrafopaginador= document.createElement('p');
 	// adjuntamos un hijo nuevo a centralcontainerIndex . parrafopaginador, el hijo nuevo aparecera el ultimo
 	document.getElementById('contenido_central').appendChild(parrafopaginador);
	// asignamos id y contenido a parrafopaginador 
	parrafopaginador.id='parrafopaginador';
	parrafopaginador.innerHTML=contenidoparrafopaginador;
}


function iralapagina(pagina){
	
	//para marcar con bold la pagina actual	
	var mispaginadores=document.getElementById('parrafopaginador').getElementsByTagName('a');
	var n_mispaginadores=mispaginadores.length;
	for(i=0;i<n_mispaginadores;i++){
		mispaginadores[i].style.fontWeight='normal';
	}
	mispaginadores[pagina-1].style.fontWeight='bold';
	
	
	// primero ocultamos todos los elementos
	for(i=0;i<numeroelementos;i++){
		arrayelementos[i].style.display='none';
	}
	
	// ahora mostramos los elementos de la pagina elegida
	var comienzoelementos=arrayelementospagina[pagina-1];
	var finelementos=arrayelementospagina[pagina];
	for(i=comienzoelementos;i<finelementos;i++){
		arrayelementos[i].style.display='block';
	}
}


function usodeinsertBefore(){
	// vamos a crear un parrafo (p) delante de centralcontainerIndex
	// asignamos a una variable la creacion de un nuevo elemento p
	var parrafopaginador= document.createElement('p');
	// asignamos a una varible el nodo padre de centralcontainerIndex
	var padredelcontenedor = document.getElementById('centralcontainerIndex').parentNode;
 	// insertamos el nuevo elemento parrafopaginador antes de centralcontainerIndex
 	padredelcontenedor.insertBefore(parrafopaginador, document.getElementById('centralcontainerIndex'));
	// damos contenido y estilo a parrafopaginador 
	// parrafopaginador.style.cssText='display:block;height:20px;text-align:right;padding-right:30px';
	parrafopaginador.innerHTML=contenidoparrafopaginador;
	parrafopaginador.id='contenidoparrafopaginador';
	}