var szNormal = 192, szFull = 572;
var kwicks1 = $$("#fBox1");var kwicks2 = $$("#fBox2");var kwicks3 = $$("#fBox3");var kwicks4 = $$("#fBox4");var kwicks5 = $$("#fBox5");
var fx1 = new Fx.Elements(kwicks1, {wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut});var fx2 = new Fx.Elements(kwicks2, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});var fx3 = new Fx.Elements(kwicks3, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});var fx4 = new Fx.Elements(kwicks4, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});var fx5 = new Fx.Elements(kwicks5, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});

kwicks1.addEvent("mouseenter", function(event) {
	var o = {};
	kwicks1.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
	});
	fx1.start(o);
	setTimeout("document.getElementById('fBox1Content').style.display='block';",150);
})
kwicks1.addEvent("mouseleave", function(event) {
	document.getElementById('fBox1Content').style.display='none';
	setTimeout("document.getElementById('fBox1Content').style.display='none';",150);
	var o = {};
	kwicks1.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
	});
	fx1.start(o);
})

kwicks2.addEvent("mouseenter", function(event) {
	var o = {};
	kwicks2.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
	});
	fx2.start(o);
	setTimeout("document.getElementById('fBox2Content').style.display='block';",150);
})
kwicks2.addEvent("mouseleave", function(event) {
	document.getElementById('fBox2Content').style.display='none';
	setTimeout("document.getElementById('fBox2Content').style.display='none';",150);
	var o = {};
	kwicks2.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
	});
	fx2.start(o);
})

kwicks3.addEvent("mouseenter", function(event) {
	var o = {};
	kwicks3.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
	});
	fx3.start(o);
    setTimeout("document.getElementById('fBox3Content').style.display='block';",150);
})
kwicks3.addEvent("mouseleave", function(event) {
	document.getElementById('fBox3Content').style.display='none';
	setTimeout("document.getElementById('fBox3Content').style.display='none';",150);
	var o = {};
	kwicks3.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
	});
	fx3.start(o);
})

kwicks4.addEvent("mouseenter", function(event) {
	var o = {};
	kwicks4.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
	});
	fx4.start(o);
    setTimeout("document.getElementById('fBox4Content').style.display='block';",150);
})
kwicks4.addEvent("mouseleave", function(event) {
	document.getElementById('fBox4Content').style.display='none';
	setTimeout("document.getElementById('fBox4Content').style.display='none';",150);
	var o = {};
	kwicks4.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
	});
	fx4.start(o);
})

kwicks5.addEvent("mouseenter", function(event) {
	var o = {};
	kwicks5.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
	});
	fx5.start(o);
	setTimeout("document.getElementById('fBox5Content').style.display='block';",150);
})
kwicks5.addEvent("mouseleave", function(event) {
	document.getElementById('fBox5Content').style.display='none';
	setTimeout("document.getElementById('fBox5Content').style.display='none';",150);
	var o = {};
	kwicks5.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
	});
	fx5.start(o);
})