// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
$(document).ready(function() {
      $('.scroll-pane').jScrollPane({scrollbarWidth:8, scrollbarMargin:20, dragMaxHeight:100});
  
  	$('ul#bottom-nav li')
  	    .css( {backgroundPosition: "-20px 35px"} )
  		.mouseover(function(){
  			$(this).stop().animate({backgroundPosition:"(-20px 85px)"}, {duration:500})
  		})
  		.mouseout(function(){
  			$(this).stop().animate({backgroundPosition:"(40px 35px)"}, {duration:200, complete:function(){
  				$(this).css({backgroundPosition: "-20px 35px"})
  			}})
  		})
    
});