$(document).ready(function() {  
    $('a.p1').hover(
      function () {
        $('#underline').css({backgroundPosition: '0px -76px'});
		$('#c1').removeClass('gone');
      }, 
      function () {
        $('#underline').css({backgroundPosition: '0px 95px'});
		$('p.description').addClass('gone');
      }
    ); 
	$('a.p2').hover(
      function () {
        $('#underline').css({backgroundPosition: '0px -57px'});
		$('#c2').removeClass('gone');
      }, 
      function () {
        $('#underline').css({backgroundPosition: '0px 95px'});
		$('p.description').addClass('gone');
      }
    ); 
	$('a.p3').hover(
      function () {
        $('#underline').css({backgroundPosition: '0px -38px'});
		$('#c3').removeClass('gone');
      }, 
      function () {
        $('#underline').css({backgroundPosition: '0px 95px'});
		$('p.description').addClass('gone');
      }
    ); 
	$('a.p4').hover(
      function () {
        $('#underline').css({backgroundPosition: '0px -19px'});
		$('#c4').removeClass('gone');
      }, 
      function () {
        $('#underline').css({backgroundPosition: '0px 95px'});
		$('p.description').addClass('gone');
      }
    ); 
	$('a.p5').hover(
      function () {
        $('#underline').css({backgroundPosition: '0px 0px'});
		$('#c5').removeClass('gone');
      }, 
      function () {
        $('#underline').css({backgroundPosition: '0px 95px'});
		$('p.description').addClass('gone');
      }
    ); 
});