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

			var linki = $$('.menu a');
			linki.each(function(element) {
 
				var fx = new Fx.Morph(element, {duration:500, wait:false});
 
				element.addEvent('mouseenter', function(e){
					new Event(e).stop();
					fx.start({
						'color': '#ffffff',
						'padding-left' : '8px'
					});
				});
 			
				element.addEvent('mouseleave', function(e){
					new Event(e).stop();
					fx.start({
						'color': '#80C9FF',
						'padding-left' : '0px'
					});
				});
 
			});			

			var scroll = new Fx.Scroll('wrapper', {
				wait: false,
				duration: 2500,
				offset: {'x': -160, 'y': -80},
				transition: Fx.Transitions.Quad.easeInOut
			});
			
			$('link1').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content1');
			});
			
			$('link2').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content2');
			});
			
			$('link3').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content3');
			});
			
			$('link4').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content4');
			});
			
			$('link5').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content5');
			});
			
			$('link6').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content6');
			});
			
			$('link7').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content7');
			});
			
			$('link8').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content8');
			});

			$('link9').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content9');
			});

	var box = $('inner');
	var morph = new Fx.Morph('inner', {duration: 400, transition: Fx.Transitions.Sine.easeOut});
	$('szkielet01').addEvent('click', function(e) {
	new Event(e).stop();
		morph.start({
			opacity: 0.0
		}).chain(function(){
			morph.start({
			'background-image': 'url(images/szkielet01.jpg)'})
		   }).chain(function(){
			morph.start({
			opacity: 1.0})
		   });
	});
	$('szkielet02').addEvent('click', function(e) {
	new Event(e).stop();
		morph.start({
			opacity: 0
		}).chain(function(){
			morph.start({
			'background-image': 'url(images/szkielet02.jpg)'})
		   }).chain(function(){
			morph.start({
			opacity: 1.0})
		   });
	});
	$('szkielet03').addEvent('click', function(e) {
	new Event(e).stop();
		morph.start({
			opacity: 0
		}).chain(function(){
			morph.start({
			'background-image': 'url(images/szkielet03.jpg)'})
		   }).chain(function(){
			morph.start({
			opacity: 1.0})
		   });
	});

	
	
		});