/* Efecto SLIDE para el cambio de tamño de la letra de la web */
window.addEvent('domready', function(){
	var slider = $('aumentar-slider'); //Etiqueta DIV-ID para el elemento Slider
	var blogContainer = $('eidata-internet-services'); //Etiqueta DIV-ID a la que aplicaremos el aumento de letra
	var letraSize = new Fx.Slide('letraSize', {mode: 'vertical'}); //--Slide vertical
	letraSize.hide(); //Ocultamos el efecto
	//Añadimos evento sobre el boton "slider" con la opción mouseenter
	slider.addEvent('mouseenter', function(e){ // Uso de Mouse Enter al pasar el ratón
		e.stop(); //No ejecutamos el efecto
		letraSize.slideIn(); //Sirve para ejecutar el script, con el modo toggle,  el mismo DIV nos sirve para abrir i cerrar
	});
	slider.addEvent('mouseout', function(e){ // Uso de Mouse Enter al pasar el ratón
		e.stop(); //No ejecutamos el efecto
		letraSize.slideOut(); //Sirve para ejecutar el script, con el modo toggle,  el mismo DIV nos sirve para abrir i cerrar
	});
	// Creamos una instancia del objeto Slider
	new Slider(slider, slider.getElement('.boton-slider'), {
		steps: 16,	// Hay 17 pasos
		range: [9], // Valor minimo 9
		onChange: function(value){
			// Los cambios se aplican al estilo de la fuente dentro de un DIV según movemos
			blogContainer.setStyle('font-size', value);
			document.getElementById("letraSize").innerHTML=value; //Mostramos el aumento de pixeles
		}
	}).set(blogContainer.getStyle('font-size').toInt()); //Convertimos a Enteros
});