$(document).ready(function(){
    
  var applicationBox = $('#content div.application_box');
  var productBox = $('#content div.product_box');

  applicationBox
    .mouseover(function(){
      $(this).stop().animate({ backgroundColor: '#1068b0', color: '#ffffff' }, 200);
      $(this).find('a').stop().animate({ color: '#ffffff' }, 200);
    })
    .click(function(){
      window.location=$(this).find('a').attr('href'); 
      return false;  
    })
    .each(function(){
      $(this).css('backgroundColor','#EFEFEF').css('color','#333333');    
      $(this).find('a').css('color','#333333');    
    })
    .mouseout(function(){
      $(this).stop().animate({ backgroundColor: '#EFEFEF', color: '#333333' }, 200);    
      $(this).find('a').stop().animate({ color: '#333333' }, 200);
    })
  
  productBox
    .mouseover(function(){
      $(this).stop().animate({ backgroundColor: '#1068b0', color: '#ffffff' }, 200);
      $(this).find('a').stop().animate({ color: '#ffffff' }, 200);
    })
    .click(function(){
      window.location=$(this).find('a').attr('href'); 
      return false;  
    })
    .each(function(){
      $(this).css('backgroundColor','#EFEFEF').css('color','#333333');    
      $(this).find('a').css('color','#333333');    
    })
    .mouseout(function(){
      $(this).stop().animate({ backgroundColor: '#EFEFEF', color: '#333333' }, 200);    
      $(this).find('a').stop().animate({ color: '#333333' }, 200);
    })
         
});