var Slide1;
var Slide2;
var Slide3;
var Slide4;
var Slide5;
var curSlide = "wave1";
var nextSlide = "";
var processing = "";
window.addEvent('domready', function(){
	var opt = {
		onComplete: function(){
			processing = "";
		}
		,onStart: function(){
			processing = "working";
		}
	};
	Slide1 = new Fx.Slide('wave1', opt);
	Slide2 = new Fx.Slide('wave2', opt);
	Slide3 = new Fx.Slide('wave3', opt);
	Slide4 = new Fx.Slide('wave4', opt);
	Slide5 = new Fx.Slide('wave5', opt);
	Slide2.hide();
	Slide3.hide();
	Slide4.hide();
	Slide5.hide();
		
	$('wave1_nav').addEvent('click', function(e){return wave(e, "wave1");});		
	$('wave2_nav').addEvent('click', function(e){return wave(e, "wave2");});
	$('wave3_nav').addEvent('click', function(e){return wave(e, "wave3");});
	$('wave4_nav').addEvent('click', function(e){return wave(e, "wave4");});
	$('wave5_nav').addEvent('click', function(e){return wave(e, "wave5");});
});
function wave(e, waveName){
	e = new Event(e);
	if (processing == "" && curSlide != waveName){
		nextSlide = waveName;
		toggleSlides();
	}
	e.stop();
	return false;
}
function toggleSlides(){
	var opt = {
		onComplete: function (){
		
		}
	}
	switch (curSlide){
		case 'wave1':
			Slide1.slideOut().start().chain(function(){showSlide();});
			break;
		case 'wave2':
			Slide2.slideOut().start().chain(function(){showSlide();});
			break;
		case 'wave3':
			Slide3.slideOut().start().chain(function(){showSlide();});
			break;
		case 'wave4':
			Slide4.slideOut().start().chain(function(){showSlide();});
			break;
		case 'wave5':
			Slide5.slideOut().start().chain(function(){showSlide();});
			break;
		default:
			break;
	}
}
function showSlide(){
	switch (nextSlide){
		case 'wave1':
			Slide1.slideIn();
			break;
		case 'wave2':
			Slide2.slideIn();
			break;
		case 'wave3':
			Slide3.slideIn();
			break;
		case 'wave4':
			Slide4.slideIn();
			break;
		case 'wave5':
			Slide5.slideIn();
			break;
	}
	curSlide = nextSlide;
}
