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

$(function(){
  $('#dynamic_navigation li.dynamic')
  .css( {
    backgroundPosition: "0 0"
  } )
  .hover(function(){
    $(this).stop().animate({
      backgroundPosition:"(-270px 0)"
    }, {
      duration:500
    })
   
  },
  function(){
    $(this).stop().animate({
      backgroundPosition:"(-530px 0)"
    }, {
      duration:200,
      complete:function(){
        $(this).css({
          backgroundPosition: "0 0"
        });
      }
    })
  })

 $('#dynamic_navigation li.current1')
  .css( {
    backgroundPosition: "-270px 0"
  } )
  .hover(function(){
    $(this).stop().animate({
      backgroundPosition:"(0px 0)"
    }, {
      duration:500
    })

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



 });