$(document).ready(function() {
           $('.greyBox').hover(function(){
              hideAll();
              var divName = $(this).attr('id');
              $('#'+divName+'Arrow').css({'visibility':'visible'});
              $('#'+divName+'Text').css({'visibility':'visible'});
              $('#'+divName).css({'background-position': 'left bottom'});
           });
            $('#green').hover(function(){
              hideAll();
              $('#greenArrow').css({'visibility':'visible'});
              $('#greenText').css({'visibility':'visible'});
              $('#green').css({'background-position': 'left bottom'});
           });
           $('#logo_container').mouseleave(function(){
              hideAll();
           });

      function hideAll()
      {
        $('#green').css({'background-position': 'left top'});
        $('#office').css({'background-position': 'left top'});
        $('#custom').css({'background-position': 'left top'});
        $('#mobile').css({'background-position': 'left top'});
        $('#greenArrow').css({'visibility':'hidden'});
        $('#customArrow').css({'visibility':'hidden'});
        $('#officeArrow').css({'visibility':'hidden'});
        $('#mobileArrow').css({'visibility':'hidden'});
        $('#greenText').css({'visibility':'hidden'});
        $('#customText').css({'visibility':'hidden'});
        $('#officeText').css({'visibility':'hidden'});
        $('#mobileText').css({'visibility':'hidden'});
      }
 });