/* javascript document */
var MiSlider;

function scrolldiv (objeto){
	var eDiv = document.getElementById(objeto);
	if (eDiv.scrollHeight - eDiv.offsetHeight == 0){
		document.getElementById('escroll').style.display = "none";
	}

	//adding the event listerner for Mozilla
	if(eDiv.addEventListener)
		eDiv.addEventListener('DOMMouseScroll', moveObject, false);
		
	//for IE/OPERA etc
	eDiv.onmousewheel = moveObject;
}

function moveObject(event){
	var delta = 0;
	var factor = 10;
	
	if (!event) event = window.event;
	
	// normalize the delta
	if (event.wheelDelta) {
		// IE and Opera
		delta = event.wheelDelta / 60;
	}
	else if (event.detail) {
		// W3C
		delta = -event.detail / 2;
	}
	
	//calculating the next position of the object
	currPos = this.scrollTop - (delta * factor);

	this.scrollTop = currPos;
	MiSlider.set(calcula_porcentajefactor(this));
	//document.getElementById('contenidoreal').innerHTML = event.wheelDelta + ":" + event.detail;
}
function calcula_porcentajefactor (div){
	espacio_excluido = div.scrollHeight - div.offsetHeight;
	return ((div.scrollTop / espacio_excluido) * 100);
}
function calcula_factor (div){
	maxscroll =  ((div.scrollHeight)-(div.offsetHeight));
	factor = maxscroll / 100;
	return factor;
}
window.addEvent('domready', function(){
	var el = $('escroll');
	var	divascrollear = $('contenidoreal');
	
	// Create the new slider instance
	MiSlider = new Slider(el, el.getElement('.knob'), {
		steps: 100,	// There are 35 steps
		range: [0],	// Minimum value is 8
		
		mode: 'vertical',
		onChange: function(value){
			factor = calcula_factor(divascrollear);
			$("contenidoreal").scrollTop = (value * factor);
			// Everytime the value changes, we change the font of an element
			//divascrollear.innerHTML = value;//font.setStyle('font-size', value);
		}
	}).set(0);
});