window.addEvent('domready', function(){
  
  behaveNav();
  behaveFilters();
  behaveList();
  behaveTech();
  
});

function behaveTech()
{

  var list = $$('.tech');
  list.each(function(element) {
   
  	var fx = new Fx.Styles(element, {duration:200, wait:false});
   
  	element.addEvent('mouseenter', function(){
  		fx.start({
  			'background-color': '#247CA0'
  		});
  	});
   
  	element.addEvent('mouseleave', function(){
  		fx.start({
  			'background-color': '#21426b'
  		});
  	});
   
  });
}

function behaveNav()
{
  var list = $$('.navField');
  list.each(function(element) {
   
  	var fx = new Fx.Styles(element, {duration:200, wait:false});
   
  	element.addEvent('mouseenter', function(){
  		fx.start({
  			'background-color': '#454545'
  		});
  	});
   
  	element.addEvent('mouseleave', function(){
  		fx.start({
  			'background-color': '#a1c038'
  		});
  	});
   
  });
}

function behaveFilters()
{
  var list = $$('h3.unselect');
  list.each(function(element) {
   
  	var fx = new Fx.Styles(element, {duration:200, wait:false});
   
  	element.addEvent('mouseenter', function(){
  		fx.start({
  			'background-color': '#a1c038'
  		});
  	});
   
  	element.addEvent('mouseleave', function(){
  		fx.start({
  			'background-color': '#777777'
  		});
  	});
   
  });
}

function behaveList()
{
  var list = $$('.listItem');
  list.each(function(element) {
   
  	var fx = new Fx.Styles(element, {duration:200, wait:false});
   
  	element.addEvent('mouseenter', function(){
  		fx.start({
  			'background-color': '#ddd'
  		});
  	});
   
  	element.addEvent('mouseleave', function(){
  		fx.start({
  			'background-color': '#c1d733'
  		});
  	});
   
  });
}