$(document).ready(function() {
	$('#portfolio li ul li.thumb').hover(function() {
		var thumbOver = $(this).find('img').attr('src');
		
		$(this).find('a.frame').css('background-image', 'url(' + thumbOver + ')');
		
		$(this).find('span').stop().fadeTo('normal', 0, function() {
			$(this).hide();
		});
	},
	function() {
		$(this).find('span').stop().fadeTo('normal', 1, function() {
			$(this).show();
		});
	});
	
	$('#filterWrapper ul li').click(function() {
		var colorClass = $(this).find('a').attr('class');
		var target = $('#portfolio li ul li a.frame.' + colorClass).parent();
		
		if ($(this).hasClass('selected')) {
			$(this).removeClass('selected');
			
			target.removeClass('identify');
		} else {
			$(this).addClass('selected');
			
			target.addClass('identify');
		}
		
		return false;
	});
	
	$('a[rel^="gallery"]').fancybox({
		'overlayOpacity': 0.5,
		'overlayColor': '#FFF',
		'titleFormat':function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</span><span id="fancybox-title-right"></span>';
		}
	});
	
	$('a.frame img').load(function() {
		$(this).parent().addClass('loaded');
		$(this).hide(); $(this).fadeIn();
	});
});