window.addEvent('domready', function() {
								 
	var opts = {duration: 2000, steps: 3000};
	
	var fx1 = new Fx.Cycles.fadeZoom('main1', opts);
	var fx2 = new Fx.Cycles.fadeZoom('main2', {duration: 3000, steps: 3000});
	var fx3 = new Fx.Cycles.fadeZoom('main3', {duration: 4000, steps: 3000});
	var fx4 = new Fx.Cycles.fadeZoom('main4', {duration: 5000, steps: 3000});
	
	
    //var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
	var szNormal = 120, szSmall  = 80, szFull   = 272;
 
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);
})

var fxportada = new Fx.Cycles.turnDown('mainp', {duration: 3000, steps: 6000});
			
});
/*
window.addEvent('domready', function() {
									 
	var opts = {duration: 2000, steps: 3000};
	
	var fx1 = new Fx.Cycles.fadeZoom('main1', opts);
	var fx2 = new Fx.Cycles.fadeZoom('main2', {duration: 3000, steps: 3000});
	var fx3 = new Fx.Cycles.fadeZoom('main3', {duration: 4000, steps: 3000});
	var fx4 = new Fx.Cycles.fadeZoom('main4', {duration: 5000, steps: 3000});
	//var fx = new Fx.Cycle.slideDown('main1', opts);	
});
*/