/*
	Efectos
	
	fade
	crossFade
	fadeThroughBackground
	pushLeft, pushRight, pushUp, pushDown
	blindLeft, blindRight, blindUp, blindDown
	slideLeft, slideRight, slideUp, slideDown
	blindLeftFade, blindRightFade, blindUpFade, blindDownFade
*/
/*
	Eventos
	
	onShow
	onShowComplete
	onPlay
	onPause
	onReverse


*/


var navSlideShow;
window.addEvent('domready', function(){

	// seteamos los manejadores del slider
	var navs = $('handler_slider').getElements('li');

	// Creamos la instancia del slider
	navSlideShow = new SlideShow('slider', {
		selector: 'li',
		delay: 10000,
		duration: 700,
                autoplay: true,
                transition : 'pushLeft',
		onShow: function(data){
			// actualizar los elementos de navegaci�n (handlers del slider) en funci�n de la diapositiva actual
			navs[data.previous.index].removeClass('current');
			navs[data.next.index].addClass('current');
		}
	});
        

	// indicamos el slide inicial (el primer slide) 
        navs[0].addClass('current');
	
	navs.each(function(item, index){
		// cuando hagan click en un handler del slider ...
		item.addEvent('click', function(event){
			event.stop();
			var transition = (navSlideShow.index < index) ? 'pushLeft' : 'pushRight';
			navSlideShow.show(index, {transition: transition});
			navSlideShow.pause();
			navSlideShow.play();
			/*navSlideShow.stopLoop();
			navSlideShow.startLoop();*/
			
		});
	});
	
	// agregar eventos al teclado
        $(document).addEvent('keyup', function(event){
		
		if (event.key == 'up')
		navSlideShow.show('next', {transition: 'pushUp'});
		
		if (event.key == 'down')
		navSlideShow.show('next', {transition: 'pushDown'});
		
		if (event.key == 'left')
		navSlideShow.show('previous', {transition: 'pushLeft'});
		
		else if (event.key == 'right')
		navSlideShow.show('next', {transition: 'pushRight'}); 
        });
	
	
        $$('html')[0].removeClass('not-ready');
});