$(document).ready(function() {
	
	$('img').each(function() {
		var image = new Image();
		image.src = $(this).attr('src');
	});
	
	$('a.project-link').click(function() {
		showContent($(this));
		return false;
	});
	
});

var selected_link = null;
function showContent(clicked_link)
{
	if(newLink(clicked_link))
	{
		selectLink(clicked_link)
		
		var target = $('div.project-content.' + clicked_link.attr('id'));
	
		$('#projects').slideUp(function() {
			$('#projects').html(target.html());	
			$('#projects').slideDown();
		});
	}
}

function newLink(clicked_link)
{
	if(!selected_link) return true;
	return selected_link.attr('id') != clicked_link.attr('id');
}

function selectLink(clicked_link)
{
	if(selected_link)
	{
		selected_link.removeClass('client-selected');
	}
	
	selected_link = clicked_link;
	selected_link.addClass('client-selected');
}