function toggleRecentProjectDetails(event)
{
	$('#recent-project-details').slideToggle();  
	var $closeAnchor = $('#close-recent-project');         
	var $projectNavigator = $('#navigate-recent-projects');
	                                             
	if($closeAnchor.css('display') == 'none')
	{                      
	   if($.browser.msie && ($.browser.version == '6.0' || $.browser.version == '7.0'))
		{
			$('h2').fadeOut();
			$('h2').fadeIn();
		}
		 
		$projectNavigator.fadeOut(function() { $closeAnchor.fadeIn(); });
	}   
	else
	{                           
	   if($.browser.msie && ($.browser.version == '6.0' || $.browser.version == '7.0'))
	   {                   
		   $('h2').fadeOut();
		   $('h2').fadeIn();
	   }
		
	   $closeAnchor.fadeOut(function(){ $projectNavigator.fadeIn(); });   
	}                      
	
	event.preventDefault();	
}
       
function navigateProject()
{
	var projectsInThePicture = $('ul#projects-in-the-picture > li');
	var numberOfProjects = projectsInThePicture.length;
	var numberOfCurrentProject = 0;      
	var $navigateProjects = $('#navigate-recent-projects');                   
	
	for(var i = 0; i < numberOfProjects; i++)
	{
		var $currentProject = $(projectsInThePicture[i]);
		
		if($currentProject.hasClass('active'))
		{
			numberOfCurrentProject = i;
		}
	}
	
	if(numberOfCurrentProject < numberOfProjects-1)
	{
		numberOfCurrentProject++;   
		$navigateProjects.addClass('next');    		
	}
	else
	{
		numberOfCurrentProject = 0;
		$navigateProjects.removeClass('next')  
	}                       
	
	var $newSelectedProject = $(projectsInThePicture[numberOfCurrentProject]);                   
	var $newSelectedProjectParts = $newSelectedProject.find('span');
	                                       
	$('ul#projects-in-the-picture > li.active').removeClass('active');
	$newSelectedProject.addClass('active');
	
	var projectImage = $($newSelectedProjectParts[0]).text(); 
	var projectTitle = $($newSelectedProjectParts[1]).text(); 	   
	var projectDescription = $($newSelectedProjectParts[2]).html();     
	
	$('#show-recent-project-details').find('span').text(projectTitle);
	$('#showcase-frame img').attr('src', projectImage);    
	$('#recent-project-details').html(projectDescription);
}

$(document).ready(function()
{             
	var toggleProjectDetails = $('a.toggle-project-details');
	
	if(toggleProjectDetails)
	{
		toggleProjectDetails.click(function(event)
		{
	    	toggleRecentProjectDetails(event);
		});
	}
	
	$('a#navigate-recent-projects').click(function(event)
	{
		navigateProject(); 
		return false;
	});                                
});