// 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"
        });
      }
    })
  })



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

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





  $("tr:even", $(".box")).addClass("pink");
  $("li:even", $(".box")).addClass("pink");



});