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


var szNormal = 250, szSmall  = 100, szFull   = 400;
 
var kwick1 = $("kwick_1");
var kwick2 = $("kwick_2");
var kwick3 = $("kwick_3");
var kwick4 = $("kwick_4");

var fx1 = new Fx.Elements(kwick1, {wait: false, duration: 400, transition: Fx.Transitions.Expo.easeOut});
var fx2 = new Fx.Elements(kwick2, {wait: false, duration: 400, transition: Fx.Transitions.Expo.easeOut});
var fx3 = new Fx.Elements(kwick3, {wait: false, duration: 400, transition: Fx.Transitions.Expo.easeOut});
var fx4 = new Fx.Elements(kwick4, {wait: false, duration: 400, transition: Fx.Transitions.Expo.easeOut});
var fxb1 = new Fx.Style('cordula', 'opacity', {wait: false});
var fxb2 = new Fx.Style('werner', 'opacity', {wait: false});
var fxb3 = new Fx.Style('judith', 'opacity', {wait: false});
var fxb4 = new Fx.Style('eva', 'opacity', {wait: false});

fxb3.start(0.3);

	kwick1.addEvent("mouseenter", function(event) {
					var ol ={};
					var or ={};
					var ul ={};
					var ur ={};
					
					ol[0] = {height: [kwick1.getStyle("height").toInt(), szFull],
					width: [kwick1.getStyle("width").toInt(), szFull]};
					or[0] = {height: [kwick2.getStyle("height").toInt(), szFull],
					width: [kwick2.getStyle("width").toInt(), szSmall]};
					ul[0] = {height: [kwick3.getStyle("height").toInt(), szSmall],
					width: [kwick3.getStyle("width").toInt(), szNormal]};
					ur[0] = {height: [kwick4.getStyle("height").toInt(), szSmall],
					width: [kwick4.getStyle("width").toInt(), szNormal]};
					fx1.start(ol);
					fx2.start(or);
					fx3.start(ul);
					fx4.start(ur);
					//fxb1.start(0.5);
					fxb2.set(0.3);
					fxb3.set(0.3);
					fxb4.set(0.3);
			});
			
	kwick1.addEvent("mouseleave", function(event) {
					var ol ={};
					var or ={};
					var ul ={};
					var ur ={};	
					ol[0] = {height: [kwick1.getStyle("height").toInt(), szNormal],
					width: [kwick1.getStyle("width").toInt(), szNormal]};
					or[0] = {height: [kwick2.getStyle("height").toInt(), szNormal],
					width: [kwick2.getStyle("width").toInt(), szNormal]};
					ul[0] = {height: [kwick3.getStyle("height").toInt(), szNormal],
					width: [kwick3.getStyle("width").toInt(), szNormal]};
					ur[0] = {height: [kwick4.getStyle("height").toInt(), szNormal],
					width: [kwick4.getStyle("width").toInt(), szNormal]};
					fx1.start(ol);
					fx2.start(or);
					fx3.start(ul);
					fx4.start(ur);
					//fxb1.start(0.5);
					fxb2.set(1);
					fxb3.set(0.3);
					fxb4.set(1);
			});
	
	kwick2.addEvent("mouseenter", function(event) {
					var ol ={};
					var or ={};
					var ul ={};
					var ur ={};	
					ol[0] = {height: [kwick1.getStyle("height").toInt(), szFull],
					width: [kwick1.getStyle("width").toInt(), szSmall]};
					or[0] = {height: [kwick2.getStyle("height").toInt(), szFull],
					width: [kwick2.getStyle("width").toInt(), szFull]};
					ul[0] = {height: [kwick3.getStyle("height").toInt(), szSmall],
					width: [kwick3.getStyle("width").toInt(), szNormal]};
					ur[0] = {height: [kwick4.getStyle("height").toInt(), szSmall],
					width: [kwick4.getStyle("width").toInt(), szNormal]};
					fx1.start(ol);
					fx2.start(or);
					fx3.start(ul);
					fx4.start(ur);
					fxb1.set(0.3);
					//fxb2.start(0.5);
					fxb3.set(0.3);
					fxb4.set(0.3);
			});
			
	kwick2.addEvent("mouseleave", function(event) {
					var ol ={};
					var or ={};
					var ul ={};
					var ur ={};	
					ol[0] = {height: [kwick1.getStyle("height").toInt(), szNormal],
					width: [kwick1.getStyle("width").toInt(), szNormal]};
					or[0] = {height: [kwick2.getStyle("height").toInt(), szNormal],
					width: [kwick2.getStyle("width").toInt(), szNormal]};
					ul[0] = {height: [kwick3.getStyle("height").toInt(), szNormal],
					width: [kwick3.getStyle("width").toInt(), szNormal]};
					ur[0] = {height: [kwick4.getStyle("height").toInt(), szNormal],
					width: [kwick4.getStyle("width").toInt(), szNormal]};
					fx1.start(ol);
					fx2.start(or);
					fx3.start(ul);
					fx4.start(ur);
					fxb1.set(1);
					//fxb2.start(0.5);
					fxb3.set(0.3);
					fxb4.set(1);
			});
			
	kwick3.addEvent("mouseenter", function(event) {
					var ol ={};
					var or ={};
					var ul ={};
					var ur ={};	
					ol[0] = {height: [kwick1.getStyle("height").toInt(), szSmall],
					width: [kwick1.getStyle("width").toInt(), szNormal]};
					or[0] = {height: [kwick2.getStyle("height").toInt(), szSmall],
					width: [kwick2.getStyle("width").toInt(), szNormal]};
					ul[0] = {height: [kwick3.getStyle("height").toInt(), szFull],
					width: [kwick3.getStyle("width").toInt(), szFull]};
					ur[0] = {height: [kwick4.getStyle("height").toInt(), szFull],
					width: [kwick4.getStyle("width").toInt(), szSmall]};
					fx1.start(ol);
					fx2.start(or);
					fx3.start(ul);
					fx4.start(ur);
					fxb1.set(0.3);
					fxb2.set(0.3);
					fxb3.start(1);
					fxb4.set(0.3);
			});
			
	kwick3.addEvent("mouseleave", function(event) {
					var ol ={};
					var or ={};
					var ul ={};
					var ur ={};	
					ol[0] = {height: [kwick1.getStyle("height").toInt(), szNormal],
					width: [kwick1.getStyle("width").toInt(), szNormal]};
					or[0] = {height: [kwick2.getStyle("height").toInt(), szNormal],
					width: [kwick2.getStyle("width").toInt(), szNormal]};
					ul[0] = {height: [kwick3.getStyle("height").toInt(), szNormal],
					width: [kwick3.getStyle("width").toInt(), szNormal]};
					ur[0] = {height: [kwick4.getStyle("height").toInt(), szNormal],
					width: [kwick4.getStyle("width").toInt(), szNormal]};
					fx1.start(ol);
					fx2.start(or);
					fx3.start(ul);
					fx4.start(ur);
					fxb1.set(1);
					fxb2.set(1);
					fxb3.start(0.3);
					fxb4.set(1);
			});
			
	kwick4.addEvent("mouseenter", function(event) {
					var ol ={};
					var or ={};
					var ul ={};
					var ur ={};	
					ol[0] = {height: [kwick1.getStyle("height").toInt(), szSmall],
					width: [kwick1.getStyle("width").toInt(), szNormal]};
					or[0] = {height: [kwick2.getStyle("height").toInt(), szSmall],
					width: [kwick2.getStyle("width").toInt(), szNormal]};
					ul[0] = {height: [kwick3.getStyle("height").toInt(), szFull],
					width: [kwick3.getStyle("width").toInt(), szSmall]};
					ur[0] = {height: [kwick4.getStyle("height").toInt(), szFull],
					width: [kwick4.getStyle("width").toInt(), szFull]};
					fx1.start(ol);
					fx2.start(or);
					fx3.start(ul);
					fx4.start(ur);
					fxb1.set(0.3);
					fxb2.set(0.3);
					fxb3.set(0.3);
					//fxb4.start(0.5);
			});
			
	kwick4.addEvent("mouseleave", function(event) {
					var ol ={};
					var or ={};
					var ul ={};
					var ur ={};	
					ol[0] = {height: [kwick1.getStyle("height").toInt(), szNormal],
					width: [kwick1.getStyle("width").toInt(), szNormal]};
					or[0] = {height: [kwick2.getStyle("height").toInt(), szNormal],
					width: [kwick2.getStyle("width").toInt(), szNormal]};
					ul[0] = {height: [kwick3.getStyle("height").toInt(), szNormal],
					width: [kwick3.getStyle("width").toInt(), szNormal]};
					ur[0] = {height: [kwick4.getStyle("height").toInt(), szNormal],
					width: [kwick4.getStyle("width").toInt(), szNormal]};
					fx1.start(ol);
					fx2.start(or);
					fx3.start(ul);
					fx4.start(ur);
					fxb1.set(1);
					fxb2.set(1);
					fxb3.set(0.3);
					//fxb4.start(0.5);
			});



});