window.addEvent('domready', function() {
	if ($('slide')) {
		var mySlide = new Fx.Slide('slide').hide();
		var open = false;

		$('toggle').addEvent('click', function(e){
			e = new Event(e);
			mySlide.toggle();
			if (open) {
				open = false;
				$('toggle').setText('+ expand');
			} else {
				open = true;
				$('toggle').setText('- collapse');
			}
			e.stop();
		});
	}
});
 
/* Load Event fires when the whole page is loaded, included all images */
window.addEvent('load', function() {

	var szNormal = 97, szSmall  = 50, szFull   = 190;
	 
	var kwicks = $$("#kwick .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var obj = {};
			obj[i] = {'width': [kwick.getStyle('width').toInt(), szFull]};
			kwicks.each(function(other, j) {
				if(other != kwick) {
					var w = other.getStyle('width').toInt();
					if(w != szSmall) obj[j] = {width: [w, szSmall]};
				}
			});
			fx.start(obj);
		});
	});
	 
	$('kwick').addEvent('mouseleave', function(event) {
		var obj = {};
		kwicks.each(function(kwick, i) {
			obj[i] = {'width': [kwick.getStyle('width').toInt(), szNormal]}
		});
		fx.start(obj);
	})
});
