window.addEvent("domready",function(){
	$$(".test").each(function(element){
		var efekt1 = new Fx.Style(element,'background-color', {duration:600, wait:false});
		var efekt2 = new Fx.Style($E('a',element),'color', {duration:600, wait:false});
 
		element.addEvent('mouseenter', function(){
			efekt1.start('#FFF','#f7f7f7');
			efekt2.start('#000','#000');
		});
 
		element.addEvent('mouseleave', function(){
			efekt1.start('#f7f7f7','#FFF');
			efekt2.start('#000','#000');
		});
	});
	
	$$(".row_yellow").each(function(element){
		var efekt1 = new Fx.Style(element,'background-color', {duration:600, wait:false});
		//var efekt2 = new Fx.Style($E('a',element),'color', {duration:600, wait:false});
 
		element.addEvent('mouseenter', function(){
			efekt1.start('#FFF','#FDF3AD');
			//efekt2.start('#000','#000');
		});
 
		element.addEvent('mouseleave', function(){
			efekt1.start('#FDF3AD','#FFF');
			//efekt2.start('#000','#000');
		});
	});
	
});



/*

//


window.addEvent('domready', function(){
	//First Example
	var el = $$('.test'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$$('.test').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#ff0000'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				backgroundColor: color
			});
		}
	});
});
*/