// animates the background of nav, requires the background animation plugin
$(document).ready(function() {	
	$(function() {
		$('#stills a').lightBox({fixedNavigation:true});
	});
	
	$(".filmNav").children("a").each(function(){
		$(this).css({background: "none"});
	});

	$('.filmNav').mouseover(function(){
			$(this).stop().animate({ backgroundPosition: "(0px -50px)"}, 200);
	})
	.mouseout(function(){
		$(this).stop().animate(
				{backgroundPosition: "(0px 0px)"},
				{duration:100});
	});
});