$(function(){
	var menu_top = parseInt($('#menu a:not(.active)').css('top'))
	$('#menu a:not(.active)').hover(function(){
		$(this).stop(1).animate({top: menu_top + 23 + 'px'}, 300)
	},function(){
		$(this).stop(1).animate({top: menu_top + 'px'}, 300)
	})
	$('#menu a:not(.active)').click(function(){
		$(this).css({top: menu_top + 'px'})
	})
	
	$('#main-img li').find('img').css({opacity: 0})
	$('#main-img li').eq(0).find('img').animate({opacity: 1}, 1000)
	$('#menu a:not(.active)').hover(function(){
		var i = $(this).parent().index()
		$('#main-img li').find('img').stop(1).delay(200).animate({opacity: 0}, 1000)
		$('#main-img li').eq(i).find('img').stop(1).delay(200).animate({opacity: 1}, 1000)
	})
	
	$("#photo a, a[rel=fancy]").fancybox({
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});
	

})