
window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};

	//-vertical

	var myVerticalSlide = new Fx.Slide('sensei', {wait: false, mode: 'vertical', duration:300}).hide();

	$('nav2').addEvents({
		'mouseenter': function(e) {

			evt = new Event(e);
			myVerticalSlide.slideIn();
			evt.stop();
		},
		'mouseleave': function(e) {
			evt = new Event(e);
			myVerticalSlide.slideOut();
			evt.stop();
		}
	});
	
	var myVerticalSlide2 = new Fx.Slide('cata', {wait: false, mode: 'vertical', duration:300}).hide();

	$('nav3').addEvents({
		'mouseenter': function(e) {

			evt = new Event(e);
			myVerticalSlide2.slideIn();
			evt.stop();
		},
		'mouseleave': function(e) {
			evt = new Event(e);
			myVerticalSlide2.slideOut();
			evt.stop();
		}
	});
	
	
	var szNormal = 90, szSmall  = 40, szFull   = 300;
 
	var kwicks = $$("#kwicks .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 600, 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);
		});
	});
	 
	$("kwicks").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})
	 
});
