//ACCIONES DE BOTON V1.0
/*
Usa las variables id_seccion que es el id de la etiqueta div que será el botón
y una variable valor que será la posición de la imagen de fondo
hay que hacer una imagen que se el doble de alto que la etiqueta que va a usarla
y poner en la misma la imagen del boton over y del boton out
ejemplo:
onmouseover="B_OVER(this.id,-20)" <-- esto dubirá el fondo hacia arriba 20 pixeles
*/

var miintervalo='';

/*
original
function B_OVER(id_seccion,valor){
	//id_sección: nombre del div que quiero modificar
	//valor de la posición del fondo
	var elboton = document.getElementById(id_seccion);
	elboton.style.backgroundPositionY = valor;
	//..
	elboton.style.cursor='pointer';
}*/

//nueva con intervalo
function B_OVER(id_seccion,valor){
	
	//id_sección: nombre del div que quiero modificar
	//valor de la posición del fondo
	var elboton = document.getElementById(id_seccion);
	//elboton.style.backgroundPositionY = valor;
	//..
	elboton.style.cursor='pointer';
	
	miintervalo=setInterval("sube('"+id_seccion+"')",1);
	
}

function sube(id_seccion){
	//alert(id_seccion);
	var elboton  = document.getElementById(id_seccion);
	//alert(elboton.style.backgroundPositionY);
	//if(elboton.style.backgroundPositionY){elboton.style.backgroundPositionY=0;}
	
	if (parseInt(elboton.style.backgroundPositionY) > -21)
		{
		//alert("sigue");
		elboton.style.backgroundPositionY = (parseInt(elboton.style.backgroundPositionY) - 1);//*0.20;
		}
	else
		{
		window.clearInterval(miintervalo);
		}
	}


function B_OUT(id_seccion,valor){
	//id_sección: nombre del div que quiero modificar
	//valor de la posición del fondo
	var elboton = document.getElementById(id_seccion);
	elboton.style.backgroundPositionY = valor;
	//..
	elboton.style.cursor='auto';
	
	window.clearInterval(miintervalo);
}

function activa_bg(id_seccion){
	var elboton=document.getElementById(id_seccion);
	elboton.style.backgroundPositionY = 0;
	}
	



//ANIMACION DE CAJA QUE CONTIENE MAS EVENTOS DE LA CATEGORIA ELEGIDA

//..