window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	//--horizontal
	var goTo = 1;
	var doneSlideIn = 0;
	var inProgress = 0;
	var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});
	
	$('swap_1').addEvent('click', function(e){
		goTo = 1;
		if(inProgress==0){
			inProgress=1;
			e.stop();
			doneSlideIn = 0;
			myHorizontalSlide.slideOut();
		} else {
			document.getElementById("slide_1").style.display = 'block';
			document.getElementById("slide_2").style.display = 'none';
			document.getElementById("slide_3").style.display = 'none';
		}
	});
	
	$('swap_2').addEvent('click', function(e){
		goTo = 2;
		if(inProgress==0){
			inProgress=1;
			e.stop();
			doneSlideIn = 0;
			myHorizontalSlide.slideOut();
		} else {
			document.getElementById("slide_1").style.display = 'none';
			document.getElementById("slide_2").style.display = 'block';
			document.getElementById("slide_3").style.display = 'none';
		}
	});
	
	$('swap_2_3').addEvent('click', function(e){
		goTo = 2;
		if(inProgress==0){
			inProgress=1;
			e.stop();
			doneSlideIn = 0;
			myHorizontalSlide.slideOut();
		} else {
			document.getElementById("slide_1").style.display = 'none';
			document.getElementById("slide_2").style.display = 'block';
			document.getElementById("slide_3").style.display = 'none';
		}
	});
	
	$('swap_3').addEvent('click', function(e){
		goTo = 3;
		if(inProgress==0){
			inProgress=1;
			e.stop();
			doneSlideIn = 0;
			myHorizontalSlide.slideOut();
		} else {
			document.getElementById("slide_1").style.display = 'none';
			document.getElementById("slide_2").style.display = 'none';
			document.getElementById("slide_3").style.display = 'block';
		}
	});
	
	myHorizontalSlide.addEvent('complete', function() {
		if(doneSlideIn==0){
			document.getElementById("slide_1").style.display = 'none';
			document.getElementById("slide_2").style.display = 'none';
			document.getElementById("slide_3").style.display = 'none';
			if(goTo==1){ document.getElementById("slide_1").style.display = 'block'; }
			if(goTo==2){ document.getElementById("slide_2").style.display = 'block'; }
			if(goTo==3){ document.getElementById("slide_3").style.display = 'block'; }
			myHorizontalSlide.slideIn();
			doneSlideIn=1;
			inProgress=0;
		}
	});
	
});