function asignar(){
var p2 = document.getElementById("pagina2");
		  p2.onclick = function(){
		  pagina2()
		  return false;
		  }
var p1 = document.getElementById("pagina1");
		  p1.onclick = function(){
		  pagina1()
		  return false;
		  }
var abrir = document.getElementById("abre");
		  abrir.onclick = function(){
		  mostrar ()
		  return false;
		  }
var abrir2 = document.getElementById("abre2");
		  abrir2.onclick = function(){
		  mostrar ()
		  return false;
		  }
var cerrar = document.getElementById("cierra");
		  cerrar.onclick = function(){
		  ocultar()
		  }
var att = document.getElementById("atras");
		  att.onclick = function(){
		  atras()
		  return false;
		  }
var ad = document.getElementById("adelante");
		  ad.onclick = function(){
		  adelante()
		  return false;
		  }
}

function pagina2(){
var contenido = document.getElementById('cuerpo2');
var contenido2 = document.getElementById('cuerpo');
var paso=1;
var paso2=5;
var altura = contenido.style.top;
altura = parseFloat(altura);
if(altura < 0){
altura=(altura+paso2);
contenido.style.display = "block";
contenido.style.top = altura + "px";
setTimeout("pagina2(0)",1);}
if(altura > 0){
altura=(altura-paso);
contenido.style.display = "block";
contenido.style.top = altura + "px";
setTimeout("pagina2(0)",1);}
if(altura == 0){
contenido.style.position = "relative";
contenido.style.display = "none";
contenido.style.display = "block";
contenido.style.zIndex = "0";
contenido2.style.position = "absolute";
contenido2.style.display = "none";
contenido2.style.top = -300 + "px";}
}

function pagina1(){
var contenido = document.getElementById('cuerpo');
var contenido2 = document.getElementById('cuerpo2');
var paso=1;
var paso2=5;
var altura = contenido.style.top;
altura = parseFloat(altura);
if(altura < 0){
altura=(altura+paso2);
contenido.style.display = "block";
contenido.style.top = altura + "px";
contenido.style.zIndex = "1";
setTimeout("pagina1(0)",1);}
if(altura > 0){
altura=(altura-paso);
contenido.style.display = "block";
contenido.style.top = altura + "px";
setTimeout("pagina1(0)",1);}
if(altura == 0){
contenido.style.position = "relative";
contenido.style.display = "none";
contenido.style.display = "block";
contenido.style.zIndex = "0";
contenido2.style.position = "absolute";
contenido2.style.display = "none";
contenido2.style.top = -300 + "px";}
}
function mostrar(){
var paso=6;
var contenido = document.getElementById('barra');
var altura = contenido.style.height;
altura = parseFloat(altura);
if(altura < 154){
altura=(altura+paso);
contenido.style.display = "block";
contenido.style.height = altura + "px";
setTimeout("mostrar(154)",1);
} 
}
function ocultar(){
var paso=6;
var contenido = document.getElementById('barra');
var altura = contenido.style.height;
altura = parseFloat(altura);
if(altura > 0){
altura=(altura-paso);
contenido.style.height = altura + "px";
ocultar1 = altura-1;
if(ocultar1 == 0){ contenido.style.display = "none";
}
setTimeout("ocultar(0)",1);
}
}
function atras(){
var contenido = document.getElementById('barra2');
var paso2=10;
var altura = contenido.style.left;
altura = parseFloat(altura);
if(altura > -600){
altura=(altura-paso2);
contenido.style.left = altura + "px";
ocultar1 = altura-1;
if(ocultar1 == -600){ contenido.style.display = "none";
}
setTimeout("atras(-600)",1);
}
}
function adelante(){
var paso2=10;
var contenido = document.getElementById('barra2');
var altura = contenido.style.left;
altura = parseFloat(altura);
if(altura < 0){
altura=(altura+paso2);
contenido.style.display = "block";
contenido.style.left = altura + "px";
setTimeout("adelante(0)",1);
}
}
window.onload = function(){
		  asignar();
		}