window.addEvent('domready', function() {
new SmoothScroll();
myShow1 = new Slideshow('slideshow', { type: 'fade', duration: [1000, 4000], width: 400, height: 400, images: [ 'p1.jpg', 'p2.jpg', 'p3.jpg' , 'p4.jpg', 'p5.jpg'], hu:'preview/' }); 
myShow2 = new Slideshow('slideshow2', { type: 'fade', duration: [1000, 4000], width: 400, height: 400, images: [ 'w1.jpg', 'w2.jpg', 'w3.jpg' , 'w4.jpg', 'w5.jpg'], hu:'preview/' }); 
myShow3 = new Slideshow('slideshow3', { type: 'zoom', duration: [1000, 20000], width: 400, height: 267, images: [ 'm1.jpg', 'm2.jpg', 'm3.jpg' ], hu:'preview/' }); 
myShow4 = new Slideshow('slideshow4', { type: 'fade', duration: [1000, 6000], width: 400, height: 400, images: [  'b1.jpg', 'b2.jpg','b3.jpg','b4.jpg','b5.jpg','b6.jpg' ], hu:'preview/' }); 
myShow5 = new Slideshow('slideshow5', { type: 'zoom', duration: [800, 7000], width: 400, height: 400, images: [ 't1.jpg', 't2.jpg', 't3.jpg', 't4.jpg', 't5.jpg', ], hu:'preview/' }); 

var szNormal =175, szSmall =131, szFull =351;
 
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);
})

});