// JavaScript Document

$(document).ready(main);

var IMAGE_WIDTH = 575;

var projectImage = new Array();
var projectImageCount = new Array();

function main()
{
	$('[id^="project"]').click(next);
	$('#creditLink').hover(showCredit,hideCredit);
	$('#labelsLink').click(showLabels);

	projectImageCount[1] = $('#project1 td').length;
	projectImageCount[2] = $('#project2 td').length;
	projectImageCount[3] = $('#project3 td').length;
}

function setImageCount(project,count)
{
	projectImageCount[project] = count;
}

function hideCredit()
{
	$('#credits').fadeOut(500);
}

function showCredit()
{
	$('#credits').fadeIn(500);
}

function showLabels()
{
	$('#labels').fadeIn(500);
}

function next(event)
{
	var project = event.currentTarget.id.replace('project','');
	if (projectImage[project]!=null)
	{
		if (projectImage[project]<projectImageCount[project])
		{
			showImage(project,projectImage[project]+1);
		}
		else
		{
			showImage(project,1);
		}
	}
	else
	{
		showImage(project,2);
	}
}

function showImage(project,index)
{
	projectImage[project] = index;
	$('#project'+project).animate( {marginLeft:"-"+(IMAGE_WIDTH*(index-1))+"px"}, 1200,'swing');
	$("[id^='imageLink']").removeClass('selected');
	$('#imageLinkP'+project+'I'+index).addClass('selected');
}

function complete()
{
	$('#project1image1').css({'visibility':'hidden'});
}