window.addEvent('domready', function() {
var szNormal = 35, szSmall  = 35, szFull   = 149;
 
var kwicks = $$("#kwicks .kwick");
var fx = new Fx.Elements(kwicks, {wait: false, duration: 800, transition: Fx.Transitions.Back.easeOut});

kwicks.each(function(kwick, i) {
	kwick.addEvent("mouseenter", function(event) {
		var o = {};
		o[i] = {height: [kwick.getStyle("height").toInt(), szFull]}
		kwicks.each(function(other, j) {
			if(i != j) {
				var w = other.getStyle("height").toInt();
				if(w != szSmall) o[j] = {height: [w, szSmall]};
			}
		});
		fx.start(o);
	});
});
 
$("kwicks").addEvent("mouseleave", function(event) {
	var o = {};
	kwicks.each(function(kwick, i) {
		o[i] = {height: [kwick.getStyle("height").toInt(), szNormal]}
	});
	fx.start(o);
})



$('kwick_blue').addEvent('click', function(e) {
	e = new Event(e).stop();
	var url = "page0.php";
	new Ajax(url, {
		method: 'get',
		update: $('contenuti')
	}).request();
});



$('kwick_red').addEvent('click', function(e) {
	e = new Event(e).stop();
	var url = "page1.php";
	new Ajax(url, {
		method: 'get',
		update: $('contenuti')
	}).request();
});





$('kwick_orange').addEvent('click', function(e) {
	e = new Event(e).stop();
	var url = "page2.php";
	new Ajax(url, {
		method: 'get',
		update: $('contenuti')
	}).request();
});



$('kwick_yellow').addEvent('click', function(e) {
	e = new Event(e).stop();
	var url = "page3.php";
	new Ajax(url, {
		method: 'get',
		update: $('contenuti')
	}).request();
});

$('header').addEvent('click', function(e) {
	e = new Event(e).stop();
	var url = "pageh.php";
	new Ajax(url, {
		method: 'get',
		update: $('contenuti')
	}).request();
});

$('kwick_green').addEvent('click', function(e) {
	e = new Event(e).stop();
	var url = "page4.php";
	new Ajax(url, {
		method: 'get',
		update: $('contenuti')
	}).request();
});


var list = $$('#idList li');
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:1000, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-left': 10
		
		});
	});
 
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'margin-left': -10
			
		});
	});
 
});





});