// preload all the images first.
jQuery.preloadImages = function() {
	for(var i = 0; i<arguments.length; i++) {
		$("<img>").attr("src", arguments[i]);
	}
}
// end preload.


$(document).ready(function() {
 
$('.classics').addClass('hidden');

	$('.list a').click(function() {
		var filterVal = $(this).attr('id');
				
	$('#popup-square').fadeIn(500, function() {
		$('#lower_container').fadeTo('normal', 0, function() {
			$('#lower_container  div').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).hide(20);
				} else {
					$(this).show(20, function() {
						$('#lower_container').fadeTo('normal', 1);
					});
				}
			});
	$('#popup-square').fadeOut(500);

		});
		return false;
	});
	});


	$('#work_nav .filter a').click(function() {
	
		$(this).parent().removeClass('nav_button');
		$('#work_nav .this_page').addClass('nav_button');
		$('#work_nav .this_page').removeClass('this_page');
		$(this).parent().addClass('this_page');
		
	
		var filterVal = $(this).text().toLowerCase().replace(' ','-');
		if(filterVal == 'current-work') {

	$('#popup-square').fadeIn(500, function() {
		$('#lower_container').fadeTo('normal', 0, function() {
			$('#lower_container  div').each(function() {
				if(!$(this).hasClass('classics')) {
					$(this).show(20);
				} else {
					$(this).hide(20, function() {
						$('#lower_container').fadeTo('normal', 1);
					});
				}
			});
	$('#popup-square').fadeOut(500);

		});
		return false;
	});
			
			$('.ActivePanel').slideUp('normal').removeClass('ActivePanel');

		} else {
			
			$('#panels div.panel').each(function() {
				if(filterVal == $(this).attr('id')) {
					$(this).slideDown('normal').addClass('ActivePanel');
				} else {
					$(this).slideUp('normal').removeClass('ActivePanel');
				}
			});
		}
		
		return false;
	}); // END: $('#work_nav .filter a').click(function()

		
});
// end: $(document).ready(function()