// JavaScript Document
window.addEvent('domready', function() 
{
	
		timerID = setInterval("avanzar()", 6000);

		var count_item = 1

		var cant_items = $$("#carrousel_container .carrousel_item").length;
		//console.log(cant_items);
		
		$('nav_forward').addEvents(
		{
			'click': function()
			{
				if(cant_items!=count_item){
					count_item = count_item + 1;
					$$("#carrousel_container .carrousel_item").setStyle('display', 'none');
					$$("#carrousel_container .carrousel_item").setStyle('opacity', '0');
					$("item_"+count_item).setStyle('display', 'block');
				
					var misEfectos = new Fx.Styles("item_"+count_item, {
						transition: Fx.Transitions.Quad,
						duration: 400
					});
					misEfectos.start(
					{
						'opacity': [0, 1]
					});
					
					
				}else{
					count_item = 1;
					
					$$("#carrousel_container .carrousel_item").setStyle('display', 'none');
					$$("#carrousel_container .carrousel_item").setStyle('opacity', '0');
					$("item_"+count_item).setStyle('display', 'block');

					var misEfectos = new Fx.Styles("item_"+count_item, {
						transition: Fx.Transitions.Quad,
						duration: 400
					});
					misEfectos.start(
					{
						'opacity': [0, 1]
					});
					
					
				}
						

			}, 
			'mouseover': function()
			{
				clearInterval(timerID)		
			}
		});

		

		$('nav_back').addEvents(
		{
			'click': function()
			{
				if(count_item!=1){
					count_item = count_item - 1;
					$$("#carrousel_container .carrousel_item").setStyle('display', 'none');
					$$("#carrousel_container .carrousel_item").setStyle('opacity', '0');
					$("item_"+count_item).setStyle('display', 'block');
					
					var misEfectos = new Fx.Styles("item_"+count_item, {
						transition: Fx.Transitions.Quad,
						duration: 400
					});
					misEfectos.start(
					{
						'opacity': [0, 1]
					});
					
					
				}else{
					count_item = cant_items;
					$$("#carrousel_container .carrousel_item").setStyle('display', 'none');
					$$("#carrousel_container .carrousel_item").setStyle('opacity', '0');
					$("item_"+count_item).setStyle('display', 'block');
					
					var misEfectos = new Fx.Styles("item_"+count_item, {
						transition: Fx.Transitions.Quad,
						duration: 400
					});
					misEfectos.start(
					{
						'opacity': [0, 1]
					});
				}
							//console.log(count_item);

			}, 
			'mouseover': function()
			{
				clearInterval(timerID)		
			}
		});

		avanzar();

});



function avanzar(){
	
	$('nav_forward').fireEvent('click');

}