window.addEvent('domready', function() {
	
	var szNormal = 210, szSmall  = 160, szFull   = 400;
 
	var kwicks = $$("#MenuOptions .MO");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});


	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
 
	$("MenuOptions").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	});

	var accordion = new Accordion('h3.TeContent2', 'div.ReContent2', {
	opacity: false,
	onActive: function(toggler, element){
		toggler.setStyle('color', '#529609');
	},
 
	onBackground: function(toggler, element){
		toggler.setStyle('color', '#222');
	}
	}, $('MainWork'));

	var accordion = new Accordion('h3.TeContent', 'div.ReContent', {
	opacity: false,
	onActive: function(toggler, element){
		toggler.setStyle('color', '#529609');
	},
 
	onBackground: function(toggler, element){
		toggler.setStyle('color', '#222');
	}
	}, $('MainWork'));

	var req = new Request.HTML({url:'http://raczylo.com/kontakt.html', 
		onSuccess: function(html) {
			$('MainSite').set('text', '');
			$('MainSite').adopt(html);
		},
		onFailure: function() {
			$('MainSite').set('text', 'The request failed.');
		}
	});
	
	$('loadContact').addEvent('click', function() {
		req.send();
	});
});