window.onload=function(){
Nifty("div#box","top bottom big");
}
window.addEvent('domready', function(){

	var szNormal = 125, szSmall  = 60, szFull   = 450;
	 
	var images = $$("#images li");
	var fx = new Fx.Elements(images, {wait: false, duration: 800, transition: Fx.Transitions.Quad.easeOut});
	images.each(function(image, i) {
		image.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [image.getStyle("width").toInt(), szFull]}
			images.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
	 
	$("images").addEvent("mouseleave", function(event) {
		var o = {};
		images.each(function(image, i) {
			o[i] = {width: [image.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})

});
window.addEvent('domready', function(){

	var szNormal = 125, szSmall  = 90, szFull   = 300;
	 
	var images = $$("#images2 li");
	var fx = new Fx.Elements(images, {wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut});
	images.each(function(image, i) {
		image.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [image.getStyle("width").toInt(), szFull]}
			images.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
	 
	$("images2").addEvent("mouseleave", function(event) {
		var o = {};
		images.each(function(image, i) {
			o[i] = {width: [image.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})

});
window.addEvent('domready', function(){

	var szNormal = 125, szSmall  = 90, szFull   = 300;
	 
	var images = $$("#images3 li");
	var fx = new Fx.Elements(images, {wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut});
	images.each(function(image, i) {
		image.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [image.getStyle("width").toInt(), szFull]}
			images.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
	 
	$("images3").addEvent("mouseleave", function(event) {
		var o = {};
		images.each(function(image, i) {
			o[i] = {width: [image.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})

});