window.addEvent('domready', function() {
	
	var current = 0;
	var lista = Array('intro', 'animala', 'bosque', 'granja', 'selva', 'oceano', 'news');
	var anchuraVentana = window.getWidth();
	
	var offset = (anchuraVentana / 2) - 350;
	
	var scroll = new Fx.Scroll('contenedor', {
		wait: false,
		duration: 2500,
		offset: {'x': -1 * offset, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	$('boton_intro').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('intro');
		current = 0;
	});
	 
	$('boton_animala').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('animala');
		current = 1;
	});
	
	$('boton_bosque').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('bosque');
		current = 2;
	});
	 
	$('boton_granja').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('granja');
		current = 3;
	});
	
	$('boton_selva').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('selva');
		current = 4;
	});
	 
	$('boton_oceano').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('oceano');
		current = 5;
	});
	
	$('boton_news').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('news');
		current = 6;
	});
	
	$('boton_anterior').addEvent('click', function(event) {
		event = new Event(event).stop();
		if(current < 1) current = 7;
		scroll.toElement(lista[current-1]);
		current = current - 1;
	});
	
	$('boton_siguiente').addEvent('click', function(event) {
		event = new Event(event).stop();
		if(current > 5) current = -1
		scroll.toElement(lista[current+1]);
		current = current + 1;
	});
	
	scroll.toElement('intro')
	
});