$(document).ready(function(){

 $(".item_img").mouseenter(function(){
    $(this).animate({ backgroundColor: "#ccc" }, 100 );
  });
  $(".item_img").mouseleave(function(){
    $(this).animate({ backgroundColor: "#fff" }, 250 );
  });
  
   $(".project_icon").mouseenter(function(){
    $(this).animate({ backgroundColor: "#ddd" }, 100 );
    var strID = $(this).attr('id');
    var strIcon_path = 'fileadmin/templates/index_FILES/projekte/icons-color-'+strID+'.png';
    var strIcon_ID = '#'+strID+'_icon';
    $(strIcon_ID).attr('src',strIcon_path);
  });
  $(".project_icon").mouseleave(function(){
    $(this).animate({ backgroundColor: "#fff" }, 250 );
    var strID = $(this).attr('id');
    var strIcon_path = 'fileadmin/templates/index_FILES/projekte/icons-grey-'+strID+'.png';
    var strIcon_ID = '#'+strID+'_icon';
    $(strIcon_ID).attr('src',strIcon_path);
  });
  
  $(".level_2").mouseenter(function(){
    $(this).animate({ backgroundColor: "#ddd" }, 100 );
  });
  $(".level_2").mouseleave(function(){
    $(this).animate({ backgroundColor: "#fff" }, 250 );
  });
  
  $('#slideshow').cycle({ 
    speed:2500, 
    timeout:3500
  });
  
});