// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

$(function(){
  $('#navigation li')
  .css( {
    backgroundPosition: "0 0"
  } )
  .hover(function(){
    $(this).stop().animate({
      backgroundPosition:"(-197px 0)"
    }, {
      duration:500
    })
   
  },
  function(){
    $(this).stop().animate({
      backgroundPosition:"(-394px 0)"
    }, {
      duration:200,
      complete:function(){
        $(this).css({
          backgroundPosition: "0 0"
        });
      }
    })
  })

 $('#navigation li.current')
  .css( {
    backgroundPosition: "197px 0"
  } )
  .hover(function(){
    $(this).stop().animate({
      backgroundPosition:"(0px 0)"
    }, {
      duration:500
    })

  },
  function(){
    $(this).stop().animate({
      backgroundPosition:"(197px 0)"
    }, {
      duration:200,
      complete:function(){
        $(this).css({
          backgroundPosition: "197px 0"
        });
      }
    })
  })

});