window.addEvent('domready', function() {
	
	
	
	//THIRD EXAMPLE
	
	var containerElement = $('slideContainer');
	
	// Again we are able to create a morph instance
	var morph = new Fx.Morph('slideContainer');
	

	
	// Or we just use Element.morph
	$('slideTrigger').addEvent('click', function(e) {
		e.stop();
		// Changes the element's style to .exposed defined in the CSS
		containerElement.morph('.exposed');
		TurnOff('slideTrigger');
		TurnOn('slideReset');
		addClass('slideReset','on');
	});
	
	$('slideReset').addEvent('click', function(e) {
		e.stop();
		// You need the same selector defined in the CSS-File
		containerElement.morph('.tabbed');
		TurnOff('slideReset');
		TurnOn('slideTrigger');
		removeClass('slideReset','on');
	});
	
	$('slideResetToplink').addEvent('click', function(e) {
		e.stop();
		// You need the same selector defined in the CSS-File
		containerElement.morph('.tabbed');
		TurnOff('slideReset');
		TurnOn('slideTrigger');
		removeClass('slideReset','on');
	});
	
});