window.addEvent('load', function() {
 	
	 //alert("ok");
	 
/*	 
//	var drop = $('cart');
//	var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect,
 
	$$('.item').each(function(item){
 
	item.addEvent('mousedown', function(e) {
		e = new Event(e).stop();
 
		var clone = this.clone()
			.setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
			.setStyles({'opacity': 0.7, 'position': 'absolute'})
			.addEvent('emptydrop', function() {
				this.remove();
				drop.removeEvents();
			}).inject(document.body);
 
		drop.addEvents({
			'drop': function() {
				drop.removeEvents();
				clone.remove();
				item.clone().inject(drop);
				dropFx.start('7389AE').chain(dropFx.start.pass('ffffff', dropFx));
			},
			'over': function() {
				dropFx.start('98B5C1');
			},
			'leave': function() {
				dropFx.start('ffffff');
			}
		});
 
		var drag = clone.makeDraggable({
			droppables: [drop]
		}); // this returns the dragged element
 
		drag.start(e); // start the event manual
	});
 
});


*/
 
 
	var szNormal = 110, szSmall  = 100, szFull   = 307;
 
	var kwicks = $$("#kwicks .kwick");
	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);
		});
	});
 
	$("kwicks").addEvent("mouseleave", function(event) {
		
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})
	

/* 
	$('slidein').addEvent('click', function(e){
		alert("ok-in");
		e = new Event(e);
		mySlide1.slideOut();

		
		mySlide.slideIn();
		e.stop();
	});

	$('slideout').addEvent('click', function(e){
		e = new Event(e);
		mySlide.slideOut();
		mySlide1.slideIn();
		e.stop();
	});
 
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		mySlide1.slideOut();
		e.stop();
	});

	$('hide').addEvent('click', function(e){
		e = new Event(e);
		mySlide.hide();
		e.stop();
	});
 */  
 


});