window.onDomReady(function(){

		var kwicks = $$('#kwicks .kwick');
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 500, transition: Fx.Transitions.quadOut});
		var sizeSM = 35;
		var sizeBG = 650;
						
		var obj = {};

		obj[0] = {
			'width': [$('kwick_01').getStyle('width').toInt(), sizeBG],
			'opacity': 1
				};
		obj[1] = {
			'width': [$('kwick_02').getStyle('width').toInt(), sizeSM],
			'opacity': .30
				};
				
		obj[2] = {
			'width': [$('kwick_03').getStyle('width').toInt(), sizeSM],
			'opacity': .30
				};
		obj[3] = {
			'width': [$('kwick_04').getStyle('width').toInt(), sizeSM],
			'opacity': .30
				};
		obj[4] = {
			'width': [$('kwick_05').getStyle('width').toInt(), sizeSM],
			'opacity': .30
				};
				
		obj[5] = {
			'width': [$('kwick_06').getStyle('width').toInt(), sizeSM],
			'opacity': .30
				};
		
				
				

		fx.start(obj);



		var obj = {};
		
		$('kwick_01').addEvent('mouseenter', function(e){			
			obj[0] = {
				'width': [$('kwick_01').getStyle('width').toInt(), sizeBG],
				'opacity': 1 
					};

			obj[1] = {
				'width': [$('kwick_02').getStyle('width').toInt(), sizeSM],
				'opacity': .30 
					};

			obj[2] = {
				'width': [$('kwick_03').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[3] = {
				'width': [$('kwick_04').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[4] = {
				'width': [$('kwick_05').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[5] = {
				'width': [$('kwick_06').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

    		fx.start(obj);
    	});

	$('kwick_02').addEvent('mouseenter', function(e){			
			obj[0] = {
				'width': [$('kwick_01').getStyle('width').toInt(), sizeSM],
				'opacity': .30 
					};

			obj[1] = {
				'width': [$('kwick_02').getStyle('width').toInt(), sizeBG],
				'opacity': 1 
					};

			obj[2] = {
				'width': [$('kwick_03').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[3] = {
				'width': [$('kwick_04').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[4] = {
				'width': [$('kwick_05').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[5] = {
				'width': [$('kwick_06').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

    		fx.start(obj);
    	});
		
	$('kwick_03').addEvent('mouseenter', function(e){			
			obj[0] = {
				'width': [$('kwick_01').getStyle('width').toInt(), sizeSM],
				'opacity': .30 
					};

			obj[1] = {
				'width': [$('kwick_02').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[2] = {
				'width': [$('kwick_03').getStyle('width').toInt(), sizeBG],
				'opacity': 1
					};

			obj[3] = {
				'width': [$('kwick_04').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[4] = {
				'width': [$('kwick_05').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[5] = {
				'width': [$('kwick_06').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

    		fx.start(obj);
    	});

	$('kwick_04').addEvent('mouseenter', function(e){			
			obj[0] = {
				'width': [$('kwick_01').getStyle('width').toInt(), sizeSM],
				'opacity': .30 
					};

			obj[1] = {
				'width': [$('kwick_02').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[2] = {
				'width': [$('kwick_03').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[3] = {
				'width': [$('kwick_04').getStyle('width').toInt(), sizeBG],
				'opacity': 1
					};

			obj[4] = {
				'width': [$('kwick_05').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[5] = {
				'width': [$('kwick_06').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

    		fx.start(obj);
    	});				

	$('kwick_05').addEvent('mouseenter', function(e){			
			obj[0] = {
				'width': [$('kwick_01').getStyle('width').toInt(), sizeSM],
				'opacity': .30 
					};

			obj[1] = {
				'width': [$('kwick_02').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[2] = {
				'width': [$('kwick_03').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[3] = {
				'width': [$('kwick_04').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[4] = {
				'width': [$('kwick_05').getStyle('width').toInt(), sizeBG],
				'opacity': 1
					};

			obj[5] = {
				'width': [$('kwick_06').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

    		fx.start(obj);
    	});

	$('kwick_06').addEvent('mouseenter', function(e){			
			obj[0] = {
				'width': [$('kwick_01').getStyle('width').toInt(), sizeSM],
				'opacity': .30 
					};

			obj[1] = {
				'width': [$('kwick_02').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[2] = {
				'width': [$('kwick_03').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[3] = {
				'width': [$('kwick_04').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[4] = {
				'width': [$('kwick_05').getStyle('width').toInt(), sizeSM],
				'opacity': .30
					};

			obj[5] = {
				'width': [$('kwick_06').getStyle('width').toInt(), sizeBG],
				'opacity': 1
					};

    		fx.start(obj);
    	});

		
});

