//Variables Globales

	longitudCabecera	 = 22;
	longitudPeque   	 = 55;
	longitudDescripcion  = 180;
	//Tope en el eje Y de la primera cabecera
	tope 			     = 190;
	longitud             = 0;
	


// Precarga de las imagenes

function precargaImagen(imagen,id)
{

	id = "imagen" + id
	document.getElementById(id).src=imagen;

}


//Funcion que me dice la posicion TOP de una capa

function TopCapa (nombreCapa){

	posy = document.getElementById(nombreCapa).style.top;
	posy = posy.split("px");
	posy = parseInt(posy[0]);
	return posy;
}


//Funcion que mueve una capa una longitud en Y
function MoverCapa (nombreCapa,espacio)
{
	if (document.getElementById(nombreCapa))
		document.getElementById(nombreCapa).style.top = TopCapa(nombreCapa) + espacio;
}


//Situa una capa 2  a espacio pixels por debajo de otra capa 1.

function Debajo (nombreCapa1,nombreCapa2,espacio){

		posicion = TopCapa(nombreCapa1) + 22 + espacio;
		document.getElementById(nombreCapa2).style.top = posicion;
		}

//Funcion que muestra una capa

function Mostrar(nombreCapa){
	if (document.getElementById(nombreCapa))
			document.getElementById(nombreCapa).style.visibility="visible"; }
			
//Funcion que esconde una capa

function Esconder(nombreCapa){
		
	if (document.getElementById(nombreCapa))
					document.getElementById(nombreCapa).style.visibility="hidden"; }
	
//// Funcion que muestra la capa del buscador si es necesaria

function busca(busc)
{
	
	if (busc==0){
		Esconder("capabuscador");
		document.getElementById("cabecera1").style.top = 85;}
		
	else 	
		{
		if(busc==1){
	
			Mostrar("capabuscador");
			document.getElementById("capabuscador").style.top  = 85;
			document.getElementById("cabecera1").style.top = 160;
			document.getElementById("peque1").style.top = 160;}
		else{
			Mostrar("capabuscador");
			document.write("<BR><BR><BR><table width='615' height='182' border='0'><tr><td><div align='center'><p><img src='../../Imagenes/logoiniciopeque.gif' width='195' height='27'></p><p><font size='1' face='Arial, Helvetica, sans-serif'><strong>NO SE HA ENCONTRADO NINGUN PRODUCTO EN LA B&Uacute;SQUEDA</strong></font> </p></div></td></tr></table>");
			
			}
		}		
}

// Funcion que inicializa las capas

function inicio(num)
{

	for(i=1;i<=num;i++){
		
		document.getElementById("cabecera" + i).style.top = tope + longitud;
		longitud = longitud + longitudCabecera;
		document.getElementById("peque" + i).style.top = tope + longitud;
		longitud = longitud + longitudPeque;
		}
		
}

// Cierra Descripcion

function CerrarDes(id,num)
{
	
	Esconder("descripcion" + id);
	Mostrar("peque" + id);
	Debajo("cabecera" + id,"peque" + id,0);
	
	tope 			 = TopCapa("cabecera" + id);
	
	Longitud 		 = longitudDescripcion - longitudPeque + 18;
	longi	         = tope + longitudCabecera + longitudPeque;
	
	
	for(i=id+1;i<=num;i++){
		
		document.getElementById("cabecera" + i).style.top = longi;
		longi = longi + longitudCabecera;
		document.getElementById("peque" + i).style.top    = longi;
		longi = longi + longitudPeque;
		
		if(document.getElementById("descripcion" + i).style.visibility == "visible"){
				document.getElementById("descripcion" + i).style.top      = TopCapa("descripcion" + i) - Longitud;
								
				for(i=i+1;i<=num;i++){
					
					document.getElementById("cabecera" + i).style.top = TopCapa("cabecera" + i) - Longitud;
					document.getElementById("peque" + i).style.top    = TopCapa("peque" + i) - Longitud;
		
					if(document.getElementById("descripcion" + i).style.visibility == "visible")
							document.getElementById("descripcion" + i).style.top     = TopCapa("descripcion" + i) - Longitud;
							
				}
			
		}//fin del IF
		
	}//Fin del FOR
}

// Para la capa de descripciones

function des(id,num)
{
		
	Mostrar ("descripcion" + id);
	Esconder("peque" + id);
	
	Debajo("cabecera" + id,"descripcion" + id,0);

	tope 			 = TopCapa("cabecera" + id);

	longi	         = tope + longitudCabecera + longitudDescripcion + 18;
	
	//18 pixels es el espacio entre productos
	Longitud = longitudDescripcion - longitudCabecera - 15;		
	
	for(i=id+1;i<=num;i++){
	
		document.getElementById("cabecera" + i).style.top = longi;
		longi = longi + longitudCabecera;
		document.getElementById("peque" + i).style.top    = longi;
		longi = longi + longitudPeque;
	
		if(document.getElementById("descripcion" + i).style.visibility == "visible"){
	
				document.getElementById("descripcion" + i).style.top      = TopCapa("descripcion" + i) + Longitud;
								
				for(i=i+1;i<=num;i++){
					
					document.getElementById("cabecera" + i).style.top = TopCapa("cabecera" + i) + Longitud;
					document.getElementById("peque" + i).style.top    = TopCapa("peque" + i) + Longitud;
		
					if(document.getElementById("descripcion" + i).style.visibility == "visible")
							document.getElementById("descripcion" + i).style.top     = TopCapa("descripcion" + i) + Longitud;
						
				}
			
		}

		
	}//Fin Bucle FOR grande
}