var BANNER = undefined;
	var WIDTH = 0;
	
	$().ready(function(){
		BANNER = $('#banner');
		WIDTH = parseInt((1767 - BANNER.width()) / $('#menu li').length);
		setBannerPosition($('#menu li.active'), 0)
		//$('#banner').show();
		$('#menu li').hover(function() {
			setBannerPosition($(this), 500)
		})
		
		$('.photo-item a').focus(function() {
			$(this).blur()
		})
					
		var ONE_WIDTH = $('#menu').width() / $('#menu li').length;
		$('#menu li').each(function() {
			$(this).css('width', ONE_WIDTH + 'px')
		})
	})
	
	function setBannerPosition(li, speed) {
		li = $(li)
		if (li) {
			position = WIDTH * $('#menu li').index(li);
			BANNER.stop().animate({'backgroundPosition': '-' + position + 'px 0'}, speed);
		}
	}