window.addEvent('domready', function() {
	var el = $('myElement');
	
	// MooTools is able to handle effects without the use of a wrapper,
	// so you are able to do effects with just one easy line.
	
	//THIRD EXAMPLE
	
	var anotherEl = $('anotherElement');
	var anotherE2 = $('vtoriElement');
	var anotherE3 = $('tretiElement');
	var anotherE4 = $('chetvartiElement');
	var anotherE5 = $('petiElement');
	var anotherE6 = $('shestiElement');
//	var raste = $("efekt");
	
	// Again we are able to create a morph instance
	var morph = new Fx.Morph('anotherElement');
	
	
	// Or we just use Element.morph
	$('CSSmorphEffect').addEvent('click', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		anotherE2.morph('div.demoElement');
		anotherE3.morph('div.demoElement');
		anotherE4.morph('div.demoElement');
		anotherE5.morph('div.demoElement');
		anotherE6.morph('div.demoElement');
		anotherEl.morph('.myClass');
//		raste.morph('.paulownia2');
		{
		}
	});
	$('CSSmorphEffect2').addEvent('click', function(e) {
		e.stop();
		anotherEl.morph('div.demoElement');
		anotherE3.morph('div.demoElement');
		anotherE4.morph('div.demoElement');
		anotherE5.morph('div.demoElement');
		anotherE6.morph('div.demoElement');
		anotherE2.morph('.myClass');
		{
		}
	});
	$('CSSmorphEffect3').addEvent('click', function(e) {
		e.stop();
		anotherEl.morph('div.demoElement');
		anotherE2.morph('div.demoElement');
		anotherE4.morph('div.demoElement');
		anotherE5.morph('div.demoElement');
		anotherE6.morph('div.demoElement');
		anotherE3.morph('.myClass');
		{
		}
	});
	$('CSSmorphEffect4').addEvent('click', function(e) {
		e.stop();
		anotherEl.morph('div.demoElement');
		anotherE2.morph('div.demoElement');
		anotherE3.morph('div.demoElement');
		anotherE5.morph('div.demoElement');
		anotherE6.morph('div.demoElement');
		anotherE4.morph('.myClass');
		{
		}
	});
	$('CSSmorphEffect5').addEvent('click', function(e) {
		e.stop();
		anotherEl.morph('div.demoElement');
		anotherE2.morph('div.demoElement');
		anotherE3.morph('div.demoElement');
		anotherE4.morph('div.demoElement');
		anotherE6.morph('div.demoElement');
		anotherE5.morph('.myClass');
		{
		}
	});
	$('CSSmorphEffect6').addEvent('click', function(e) {
		e.stop();
		anotherEl.morph('div.demoElement');
		anotherE2.morph('div.demoElement');
		anotherE3.morph('div.demoElement');
		anotherE4.morph('div.demoElement');
		anotherE5.morph('div.demoElement');
		anotherE6.morph('.myClass');
		{
		}
	});
	
});
