window.addEvent('domready', function() {

	var whatslide = new Fx.Slide('what_section', {duration: 400, transition: Fx.Transitions.Pow.easeOut});
	var whyslide = new Fx.Slide('why_section', {duration: 400, transition: Fx.Transitions.Pow.easeOut});
	var howslide = new Fx.Slide('how_section', {duration: 400, transition: Fx.Transitions.Pow.easeOut});
	
		whatslide.hide();
		whyslide.show();
		howslide.hide();
	
		document.getElementById('why').style.backgroundPosition="-197px top";
		document.getElementById('transition').src="img/why_line.jpg";
	
	$('what').addEvent('click', function(e){
		e.stop();
		
		whatslide.slideIn();
		whyslide.slideOut();
		howslide.slideOut();

		document.getElementById('transition').src="img/what_line.jpg";
		document.getElementById('video').style.display="none";
		document.getElementById('what').style.backgroundPosition="-197px top";
		document.getElementById('why').style.backgroundPosition="left top";
		document.getElementById('how').style.backgroundPosition="left top";
		
	});

	$('why').addEvent('click', function(e){
		e.stop();
		
		whyslide.slideIn();
		whatslide.slideOut();
		howslide.slideOut();
		
		document.getElementById('transition').src="img/why_line.jpg";
		document.getElementById('video').style.display="block";
		document.getElementById('why').style.backgroundPosition="-197px top";
		document.getElementById('what').style.backgroundPosition="left top";
		document.getElementById('how').style.backgroundPosition="left top";

	});

	$('how').addEvent('click', function(e){
		e.stop();
		
		howslide.slideIn();		
		whatslide.slideOut();
		whyslide.slideOut();
		
		document.getElementById('transition').src="img/how_line.jpg";
		document.getElementById('video').style.display="none";
		document.getElementById('how').style.backgroundPosition="-197px top";
		document.getElementById('what').style.backgroundPosition="left top";
		document.getElementById('why').style.backgroundPosition="left top";
		
	});

});