var myImages = new Asset.images(['/img/buttons/next.png', '/img/buttons/prev.png', '/img/title/portfolio.png' ], {
		onComplete: function(){
			//alert('All images loaded!');
		}
	});


	var verticalFx = {};
	
	var useSlow = false;
	var myScrollControl = true;
	var myVerticalScrollControl = true;
	var lastX = 0;
	var lastY = 0;
	
	var sliderOrdinal = 1;
	var sliders = new Array(3);
	var slider;
	
	function Slider(){
		this.ordinal = 0;
		this.selectedItem = 0;
		this.fx = {};
		this.slowFx = {};
		this.items = {};
		this.getName = function(){
			return ('slider-'+this.ordinal);
		}
		this.getTitleName = function(){
			return ('slider-title-'+this.ordinal);
		}
	}
	
	window.addEvent('domready', function(){
		
		verticalFx =    new Fx.Scroll('sliders',  { offset: {'x':0,'y':0}, transition:Fx.Transitions.Pow.easeOut, duration:600, wheelStops:false});
		verticalFx.addEvent('complete', 
				function() { myVerticalScrollControl  = true;}
		);
		
		
		// Criando os sliders
		for(var i = 0; i < 3; i++){
			var slider = new Slider();
			slider.ordinal = i+1;
			slider.items = $(slider.getName()).getElements('li');
			slider.fx = new Fx.Scroll(slider.getName(), { offset: {'x':0,'y':0}, transition:Fx.Transitions.Pow.easeOut, duration:600, wheelStops:false});
			slider.fx.addEvent('complete', function() { myScrollControl  = true;});
			slider.slowFx = new Fx.Scroll(slider.getName(), { offset: {'x':0,'y':0}, transition:Fx.Transitions.Pow.easeOut, duration:(slider.items.length*600), wheelStops:false});
			slider.slowFx.addEvent('complete', function(){myScrollControl  = true;});
			sliders[i] = slider;
		}

		// Definindo o slider inicial
		setSlider(1);
		
		$(document).addEvent('keydown', function(event){
			var strKey = event.key;

			if (strKey == "right"){
				nextSlide();
			}else if(strKey == "left"){
				previewSlide();
			}
		});
		
		function setSlider(ordinal){
			slider = sliders[ordinal-1];
			$(slider.getName()).getElements('img')[0].src= $(slider.getName()).getElements('img')[0].src.split('~')[0];
			$(slider.getName()).getElements('img')[1].src= $(slider.getName()).getElements('img')[1].src.split('~')[0];
			$('sliders-titles').getElements('div').setStyle('background-position','');
			$(slider.getTitleName()).setStyle('background-position','0 -47px');
			refreshSlide();
		}
		
		
		function nextSlide(){
			if (myScrollControl){
				myScrollControl  = false;
				if (slider.selectedItem < slider.items.length-1){
					slider.selectedItem++;
					$(slider.getName()).getElements('img')[slider.selectedItem].src= $(slider.getName()).getElements('img')[slider.selectedItem].src.split('~')[0];
					if(slider.selectedItem < slider.items.length-1){
						$(slider.getName()).getElements('img')[slider.selectedItem+1].src= $(slider.getName()).getElements('img')[slider.selectedItem+1].src.split('~')[0];
					}
				}else{
					slider.selectedItem = 0;
					useSlow = true;
				};
				refreshSlide();
			}
		}
		function previewSlide(){
			if (myScrollControl){
				myScrollControl  = false;
				if (slider.selectedItem>0){
					slider.selectedItem--;
					$(slider.getName()).getElements('img')[slider.selectedItem].src= $(slider.getName()).getElements('img')[slider.selectedItem].src.split('~')[0];
				}
				else{
					useSlow = true;
					slider.selectedItem = slider.items.length-1;
					$(slider.getName()).getElements('img')[slider.items.length-1].src= $(slider.getName()).getElements('img')[slider.items.length-1].src.split('~')[0];
				}
				refreshSlide();
			}
		}
		
		function refreshSlide(){			
			$('counter').innerHTML  = slider.selectedItem+1;
			
			var newX = (890+50)*slider.selectedItem;
			var newY = (455+4)*(slider.ordinal-1);
		
			if(useSlow){
				slider.slowFx.start(newX, 0);
				useSlow=false;
			}
			else{
				slider.fx.start(newX, 0);
			}
			
			verticalFx.start(0, newY);
			
			lastY = newY;
			lastX = newX;
		}

		$('slider-navigation').getElements('div').addEvent('click', function() {
			if(this.id == 'prevbutton'){
				previewSlide();
			}
			else if(this.id == 'nextbutton'){
				nextSlide();
			}
			
		});
		
		$('sliders-titles').getElements('div').addEvent('click', function() {
			if(myVerticalScrollControl){
				myVerticalScrollControl = false;
				setSlider(this.id.split('-')[2]);
			}
		});
	});