var anima
var paso = 10
function arriba() {
	pixel=parseInt(document.getElementById("capaCentral").style.top)
	if (document.getElementById("cursorArriba").src != "http://localhost/aburruzaga/imagenes/cursorArribaOn.png") //on
		document.getElementById("cursorArriba").src = "imagenes/cursorArribaOn.png" //on
	if (pixel<0) {
		document.getElementById("cursorAbajo").style.visibility = "visible"
		document.getElementById("capaCentral").style.top = pixel + paso + "px"
		if (pixel+paso == 0) {
			document.getElementById("cursorArriba").style.visibility = "hidden"
		}
		anima = setTimeout("arriba()",20)
	}
}
function abajo() {
	pixel=parseInt(document.getElementById("capaCentral").style.top)
	if (document.getElementById("cursorAbajo").src != "http://localhost/aburruzaga/imagenes/cursorAbajoOn.png") //on
		document.getElementById("cursorAbajo").src = "imagenes/cursorAbajoOn.png" //on
	if (pixel>-alturaDeMas) {
		document.getElementById("cursorArriba").style.visibility = "visible"
		document.getElementById("capaCentral").style.top = pixel - paso + "px"
		if (pixel-paso <= -alturaDeMas)
			document.getElementById("cursorAbajo").style.visibility = "hidden"
		anima = setTimeout("abajo()",20)
	}
}
function para() {
	clearTimeout(anima)
	document.getElementById("cursorArriba").src = "imagenes/cursorArriba.png"
	document.getElementById("cursorAbajo").src = "imagenes/cursorAbajo.png"
}
/* ***************** rueda del raton *********************** */
function hookEvent(element, eventName, callback) {
	if(typeof(element) == "string")
		element = document.getElementById(element)
	if(element == null)
		return
	if(element.addEventListener) {
		if(eventName == 'mousewheel') {
			element.addEventListener('DOMMouseScroll',
				callback, false)
		}
		element.addEventListener(eventName, callback, false)
	}
	else if(element.attachEvent)
		element.attachEvent("on" + eventName, callback)
}

function unhookEvent(element, eventName, callback) {
	if(typeof(element) == "string")
		element = document.getElementById(element)
	if(element == null)
		return
	if(element.removeEventListener) {
		if(eventName == 'mousewheel') {
			element.removeEventListener('DOMMouseScroll',
				callback, false); 
		}
		element.removeEventListener(eventName, callback, false)
		}
	else if(element.detachEvent)
		element.detachEvent("on" + eventName, callback)
}

function paraCursor() {
	document.getElementById("cursorArriba").src = "imagenes/cursorArriba.png"
	document.getElementById("cursorAbajo").src = "imagenes/cursorAbajo.png"
}

function MouseWheel(e) {
	e = e ? e : window.event
	var wheelData = e.detail ? e.detail * -1 : e.wheelDelta / 40
	if (wheelData > 0) arriba()
	else if (wheelData < 0) abajo()
	clearTimeout(anima)
	setTimeout("paraCursor()",480)
}