var pag=new Array(); 

var pp=new Array();

var style=null;

function styleBorder(str){
            style=str; 
}		  

var className=null;

function tabClassName(str){
            className=str; 
}

function writeTab(tab,id){
		 var i;
		 var j;
		 var element;
		 var row;
		 var cell;

	 element=document.getElementById(id);
	 j=0;
     while(j<tab.length){
	       row=element.insertRow(j);
		   row.id=id+"r"+j;
		   i=0
		   while(i<tab[j].length){
							//crear
                  cell=row.insertCell(i);
				  ident=id+j+i;
				  cell.id=ident;
				  
				 if(style!=null){
				    cell.style.border=style;
				 }	  

			     if(className!=null) {
				    cell.className=className;
				 }
				 
				 cell.innerHTML=tab[j][i];
			     i++;
		   }		 

		   j++;
      }
       style=className=null;
}

function writeTabla(tab,id){
		 		 var ident;
				 var i;
				 var j;
				 var element;
				 var row;
				 var cell;
				 		  
				 j=0;
		 	     element=document.getElementById(id);
 				 while(j<tab.length){
	             	   row=document.createElement("tr");
					   row.id=id+"r"+j;
				 	   i=0;
				 	   while(i<tab[j].length){
							//crear
           		 	         cell=document.createElement("td");
							 ident=id+j+i;
							 cell.id=ident;

							 if(style!=null){
							      cell.style.border=style;
							 }	  

							 if(className!=null) {
							      cell.className=className;
							 }
							 
				             cell.innerHTML=tab[j][i];
							   
//				 			 text=document.createTextNode(tab[j][i]);
							 //add
//				 			 cell.appendChild(text);

				 			 row.appendChild(cell);
							 i++;
				        }
				 element.appendChild(row);
 				 j++;
				 }
				 style=className=null;
}	

var arregloTab;

function Tablas(i,id){
	           var element;

                if(i<0 || i>arregloTab.length)
				   return;

				styleBorder('1px solid silver');
				writeTabla(arregloTab[i],id);   
}

function writePag(text){
 		           var element;

				   element=document.getElementById("edit");
				   element.innerHTML.clear;
				   element.innerHTML=text;
}
	  
var ixP=0;
 
function pagSgt(){
		 var element;
		 
		 if(ixP<pp.length-1)
		    eval(pp[++ixP]);
		 if(ixP==pp.length-1){
		    element=document.getElementById("sigtes");
			element.style.visibility="hidden";
		 }
		    element=document.getElementById("antes");
			element.style.visibility="visible";	  
}

function pagAnt(){
		 if(ixP)
		    eval(pp[--ixP]);
		 if(!ixP){
		    var element=document.getElementById("antes");
				element.style.visibility="hidden";
		 }	
		  if(pp.length>1){
		    element=document.getElementById("sigtes");
			element.style.visibility="visible";
		 }
}
var ret;
function pagina(index){	
		 		var element;
				
		 		ret=ixP;				        
		 		if(index<pp.length)
		    	 	 eval(pp[ixP=index]);
					 
		        element=document.getElementById("antes");
				element.style.visibility="hidden";
				element=document.getElementById("sigtes");
			    element.style.visibility="hidden";
  		   		element=document.getElementById("retorn");
			   	element.style.visibility="visible";  
}

function instalPag(index){	
		 		var element;
				
		 		if(index<=pp.length-1)
		    	 	 eval(pp[ixP=index]);

		        element=document.getElementById("antes");
				element.style.visibility=(ixP==0)?"hidden":"visible";

				element=document.getElementById("sigtes");
			    element.style.visibility=(pp.length>1 && ixP!=pp.length-1)?"visible":"hidden";
}

function instalDoc(){
		 		var element;
				var index=0,

			   element=document.getElementById("edit");
				
		 		while(index<pag.length)
					   element.innerHTML+=pag[index++];


		        element=document.getElementById("antes");
				element.style.visibility="hidden";
			    element.style.visibility="hidden";
}

function retornar(){
		 		  	
		 		  ixP=ret;
				  if(ixP>0){
		             element=document.getElementById("antes");
				  	 element.style.visibility="visible";  
				  }
				   if(ixP<pp.length-1){
		             element=document.getElementById("sigtes");
				  	 element.style.visibility="visible";  
				  }
				  
  		   		element=document.getElementById("retorn");
			   	element.style.visibility="hidden";  
				
				eval(pp[ixP]);
}  

var i=0;
var id=null;
function tabAct(paso){
        var j=i;
		var element;

        i+=paso;
	    if(i<0){
		    i=0;
			return;
		}	    
		if(i>=arregloTab.length){
		    i=arregloTab.length-1;
			return;
		}	    
	    element=document.getElementById(id);
		j=arregloTab[j].length;
		while(j--){
		      element.deleteRow(j);
		}	  
        Tablas(i,id);
		document.getElementById("noTab").innerHTML="parte &nbsp;"+(i+1);
		document.getElementById("tabA").innerHTML=(i>0)?"<img src='../imagenes/sleft.jpg' border='0' align='top'>"+i:"";
		document.getElementById("tabP").innerHTML=(i<arregloTab.length-1)?(i+2)+"<img src='../imagenes/sright.jpg' border='0' align='top'>":"";
}