$(document).ready(function() {
  
  $('div.services-box li').hover(function() {
    // locate the index of this li in the ul and show the appropriate image.
    $(this).siblings().css('background','none') ;
    $(this).css('background','black url(/site-images/homepage/arrow-end.png) no-repeat 100% 0%') ;
    var pos = $(this).index() ;
    $('div.services-box div.image > div').css('display','none');
    $('div.services-box div.image > div:eq('+pos+')').css('display','block') ;
  },function() {
  }) ;
}) ;