var x = Math.round(Math.random() * (4 - 0 + 1) - 0.5) + 0;

var my_backgrounds = new Array("maserati", "ferrari", "alfa", "abarth", "fiat");


var Site = {
	
	start: function(){
		if ($('kwick')) Site.parseKwicks();
	},
	parseKwicks: function(){
		var kwicks = $$('#kwick .kwick');
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.quadOut});
		kwicks.each(function(kwick, i){
			kwick.addEvent('mouseenter', function(e){
				var obj = {};
				obj[i] = {
					'width': [kwick.getStyle('width').toInt(), 677]
				};
				
				if(i == 0) kwick.setStyle('backgroundImage', 'url(fileadmin/templates/images/background_maserati.jpg)');
				if(i == 1) kwick.setStyle('backgroundImage', 'url(fileadmin/templates/images/background_ferrari.jpg)');
				if(i == 2) kwick.setStyle('backgroundImage', 'url(fileadmin/templates/images/background_alfa.jpg)');
				if(i == 3) kwick.setStyle('backgroundImage', 'url(fileadmin/templates/images/background_abarth.jpg)');
				if(i == 4) kwick.setStyle('backgroundImage', 'url(fileadmin/templates/images/background_fiat.jpg)');
				
				kwicks.each(function(other, j){
					if (other != kwick){
						var w = other.getStyle('width').toInt();
						if (w != 105) obj[j] = {'width': [w, 79]};
						
						if(j == 0) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/maserati_balken.jpg)');
						if(j == 1) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/ferrari_balken.jpg)');
						if(j == 2) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/alfa_balken.jpg)');
						if(j == 3) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/lancia_balken.jpg)');
						if(j == 4) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/fiat_balken.jpg)');
					}
				});
				fx.start(obj);
			});
			
			kwick.addEvent('mouseleave', function(e) {
				var obj = {};
				
				/*kwicks.each(function(other, j){
					if (other != kwick){
						other.setStyle('backgroundImage', 'url(fileadmin/scripts/background-ferrari.jpg)');
					}
				}); */
				
			});
			
			
			
			$$('.fiat').setStyle('width', '79px');
			$$(kwicks[x]).setStyle('width', '677px');
			
			$$(kwicks[x]).setStyle('backgroundImage', 'url(fileadmin/templates/images/background_' +my_backgrounds[x]+ '.jpg)');
			
			
		});
		
		$('kwick').addEvent('mouseleave', function(e){
			var obj = {};
			kwicks.each(function(other, j){
				obj[j] = {'width': [other.getStyle('width').toInt(), 79]};
				obj[4] = {'width': [other.getStyle('width').toInt(), 677]};
				
				if(j == 0) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/maserati_balken.jpg)');
				if(j == 1) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/ferrari_balken.jpg)');
				if(j == 2) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/alfa_balken.jpg)');
				if(j == 3) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/lancia_balken.jpg)');
				if(j == 4) other.setStyle('backgroundImage', 'url(fileadmin/templates/images/background_fiat.jpg)');
			});
			fx.start(obj);
		});
	}

};

window.addEvent('load', Site.start);