$(document).ready(function(){
	//setup fancybox for each project
	setupFancyBox();

	//do stuff once document has been loaded
	setupFirstProject();
	hideNonFirstMainImages();
	//hideFirstImages();
});

function setupFancyBox()
{
	for (var i=0; i < projectListArray.length; i++)
	{
		$('.project_' + projectListArray[i] + '_cv a').fancybox({
			'hideOnContentClick': true
		}); 
	}
}

function setupFirstProject()
{
	if (projectListArray.length > 0)
	{
		$('#project_' + projectListArray[0]).fadeIn(1000);
		$('#pl_' + projectListArray[0]).addClass('projectSelected');
	}
}

function hideNonFirstMainImages()
{
	for (var i=0; i < projectListArray.length; i++)
	{
		var numImages = eval('numImages' + projectListArray[i]);
		if (numImages > 1)
		{
			for (var j=2; j <= numImages; j++)
			{
				$('#project_' + projectListArray[i] + '_' + j + '_Main').hide();
			}
		}
	}
}

function hideAllMainImagesExcept(ProjectName,ExceptImage)
{
	var numImages = eval('numImages' + ProjectName);
	if (numImages > 1)
	{
		for (var i=1; i <= numImages; i++)
		{
			if (i == ExceptImage)
			{
				$('#project_' + ProjectName + '_' + i + '_Main').fadeIn();
			}
			else
			{
				$('#project_' + ProjectName + '_' + i + '_Main').hide();
				//$('#project_' + ProjectName + '_' + i).show();
			}
		}
	}
}

function hideFirstImages()
{
	for (var i=0; i < projectListArray.length; i++)
	{
		$('#project_' + projectListArray[i] + '_1').hide();
	}
}

function hideAllProjects()
{
	for (var i=0; i < projectListArray.length; i++)
	{
		$('#project_' + projectListArray[i]).hide();
		$('#pl_' + projectListArray[i]).removeClass('projectSelected');
	}
}

function showProject(ProjectName)
{
	hideAllProjects();
	$('#project_' + ProjectName).fadeIn(1000);
	$('#pl_' + ProjectName).addClass('projectSelected');
}

function mainImage(el)
{
	//hide the calling image and then hide all main images except for the calling main image
	//$('#' + el.id).hide();
	var projectName = el.id.split('_')[1];
	var exceptImage = el.id.split('_')[2];
	hideAllMainImagesExcept(projectName,exceptImage);
	
}