$(document).ready(function(){

$('#home').css({backgroundPosition: '-867px 0px'}, 125);
$('#search').animate({backgroundPosition: '-767px 0px'}, 125);
$('#cal').animate({backgroundPosition: '-522px 0px'}, 125);
$('#tex').animate({backgroundPosition: '-307px 0px'}, 125);
$('#employ').animate({backgroundPosition: '-155px 0px'}, 125);
$('#feed').animate({backgroundPosition: '-35px 0px'}, 125);

$('a[title="Home"]').hover(function(){
  $('#hoverbar').animate({backgroundPosition: '-867px 0px'}, 125)},
  function(){
  $('#hoverbar').animate({backgroundPosition: '-950px 0px'}, 125)});
  
$('a[title="Search"]').hover(function(){
  $('#hoverbar').animate({backgroundPosition: '-767px 0px'}, 125)},
  function(){
  $('#hoverbar').animate({backgroundPosition: '-950px 0px'}, 125)});

$('a[title="California Communities"]').hover(function(){
  $('#hoverbar').animate({backgroundPosition: '-522px 0px'}, 125)},
  function(){
  $('#hoverbar').animate({backgroundPosition: '-950px 0px'}, 125)});

$('a[title="Texas Communities"]').hover(function(){
  $('#hoverbar').animate({backgroundPosition: '-307px 0px'}, 125)},
  function(){
  $('#hoverbar').animate({backgroundPosition: '-950px 0px'}, 125)});

$('a[title="Employment"]').hover(function(){
  $('#hoverbar').animate({backgroundPosition: '-155px 0px'}, 125)},
  function(){
  $('#hoverbar').animate({backgroundPosition: '-950px 0px'}, 125)});

$('a[title="Feedback"]').hover(function(){
  $('#hoverbar').animate({backgroundPosition: '-35px 0px'}, 125)},
  function(){
  $('#hoverbar').animate({backgroundPosition: '-950px 0px'}, 125)});

});