// JavaScript Document

var current_project = 0;

function selectSubNav(type, key) {
	
	var i;
	var j;
	var s;
	
	for (i=1;i<=project_count;i++)
	{
		if (project_key[i] == key && project_type[i] == type) {
			
			// un-highlight current project
			if (current_project>0 && document.getElementById('SubNavLink_' + project_key[current_project].replace(' ',''))) { 
				document.getElementById('SubNavLink_' + project_key[current_project].replace(' ','')).style.color = '#77787B';			
				document.getElementById('SubNavImage_' + project_key[current_project].replace(' ','')).className = 'SubNavImageCold';
			};
			
			current_project = i;

			// highlight current project
			if (current_project>0 && document.getElementById('SubNavLink_' + project_key[current_project].replace(' ',''))) { 
				document.getElementById('SubNavLink_' + project_key[i].replace(' ','')).style.color = '#F04E30';
				document.getElementById('SubNavImage_' + project_key[i].replace(' ','')).className = 'SubNavImageHot';
			};
				
			// change project image & descriptions
			changeProjectImage(i,1);
			document.getElementById('ProjectClient').innerHTML = project_client[i];
			document.getElementById('ProjectAgency').innerHTML = project_agency[i];
			document.getElementById('ProjectDescription').innerHTML = project_description[i];
						
		}
	}

}

function addSubNav(type) {

	var i;
	var s;
		
	s = '';
	for (i=1;i<=project_count;i++)
	{
		if (project_type[i] == type) {
			s = s + '<a id=\'SubNavLink_' + project_key[i].replace(' ','') + '\' onClick="selectSubNav(\'' + type + '\',\'' + project_key[i] + '\');" href="javascript:;">' + project_key[i] + '</a><br />';
		}
	}	
	document.write(s);
	
}

function addSubNavImages(type) {

	var i;
	var s;
	
	s = '';
	for (i=1;i<=project_count;i++)
	{
		if (project_type[i] == type) {
			s = s + '<a onClick="selectSubNav(\'' + type + '\',\'' + project_key[i] + '\');" href="javascript:;"><img id=\'SubNavImage_' + project_key[i].replace(' ','') + '\' class=SubNavImageCold border="0" src="images/' + type + '/thumbnail_' + project_key[i].replace(' ','') + '.png" /></a>';
		}	
	}	
	document.write(s);
	
}

function changeProjectImage(projectid,imageid) {
	
	document.getElementById('ProjectImage').src = 'images/' + project_type[projectid] + '/' + project_key[projectid].replace(' ','') + imageid + '.jpg';
	if (imageid<project_images[projectid]) {
		document.getElementById('ProjectImage').setAttribute('onclick','changeProjectImage(\'' + projectid + '\',' + (imageid+1) + ');'); 
	}
	else {
		document.getElementById('ProjectImage').setAttribute('onclick','changeProjectImage(\'' + projectid + '\',' + 1 + ');'); 
	}
	
	// add image links
	addImageLinks(projectid,imageid);	
	
}

function addImageLinks(projectid,imageid) {
	
	var j = 0;
	var s;
	var nextid = 0;
	var previousid = 0;

	if (project_images[projectid]>1) {
		s = "";
		if (imageid == 1) {
			nextid = 2;
			previousid = project_images[projectid];
		}
		if (imageid == project_images[projectid]) {
			nextid = 1;
			previousid = imageid-1;
		}
		if (imageid > 1 && imageid < project_images[projectid]) {
			nextid = imageid + 1;
			previousid = imageid-1;
		}
		
		s = s + '<a class="grey" onClick="changeProjectImage(' + projectid + ',' + previousid + ');" href="javascript:;">previous</a>';
		s = s + '&nbsp;/&nbsp;';
		s = s + '<a class="grey" onClick="changeProjectImage(' + projectid + ',' + nextid + ');" href="javascript:;">next</a>';
		s = s + '&nbsp;/&nbsp;';
		s = s + '' + imageid + ' of ' + project_images[projectid];
	} else { s = ''; }
	document.getElementById('ImageSelector').innerHTML = s;

}