// JavaScript Document

window.addEvent('domready', function(){
									 
	var slides = $$('.ps_slide');
	var buttons = $$('.ps_button');
	
	var fade = new Fx.Elements(slides, {wait: false, duration: 1400, transition: Fx.Transitions.Cubic.easeOut});
	
	buttons.each(function(button,b){
		if(b > 0){
			slides[b].set('opacity',0);	
		}else{
			button.addClass('ps_button_current');
		}
		button.addEvent('click', function(){
			buttons.removeClass('ps_button_current');
			button.addClass('ps_button_current');
			var effects = {};
			//foreach of the images hide the others and show the current
			slides.each(function(slide, i){
				if(b == i){
					effects[i] = {'opacity': [1]};
				}else{
					effects[i] = {'opacity': [0]};
				}
			});
		
			fade.start(effects);
		});
	});

});