$(document).ready(function(){
	
	// -------------------------------------------------------------
	// when a project is clicked open the details that are hidden by default in the css.
	// when a project is already openend it will be closed (toggleClass).
	$('a.toggleProjectDetails').click(function() {
		
		var parentLi = $(this).closest('li');
		
		parentLi.find('.details').slideToggle('slow', function() {
			parentLi.toggleClass('expanded');
		});
		
		return false;
	});
	
	// -------------------------------------------------------------
	// switch portfolio images
	$('.project-thumbs img').click(function() {
		
		// get the source of the clicked pic
		var imgSrc = $(this).attr('src');
		// strip the 'plthumb_'
		var newSrc = imgSrc.replace('plthumb_', '');
		// replace the source of the big pic
		//$(this).closest('.details').find('.project-main-pic img').fadeOut('fast', function() {
		//	$(this).attr('src', newSrc).fadeIn(300);
		//});
		$(this).closest('.details').find('.project-main-pic img').attr('src', newSrc);
		
		return false;
	});

});