// Thumbnail rollOver/Out functions

function rollOVER(navId,projId) {
	
	// Change naviagtion link text color when item is rolled over
	document.getElementById(navId).style.color='#FFF';

	// Change naviagtion link bkgrnd color when item is rolled over
	// Change thumb border when thumb is rolled over
	if(navId == 'nav1') {
		document.getElementById(navId).style.backgroundColor='#F90';
		document.getElementById(projId).style.borderColor='#F90';
	} else if(navId == 'nav2') {
		document.getElementById(navId).style.backgroundColor='#9C9';
		document.getElementById(projId).style.borderColor='#9C9';
	} else if(navId == 'nav3') {
		document.getElementById(navId).style.backgroundColor='#99C';
		document.getElementById(projId).style.borderColor='#99C';
	} else {
		document.getElementById(navId).style.backgroundColor='#999';
		document.getElementById(projId).style.borderColor='#999';
	}
	
	if(!(projId == undefined)) {
		// Display the project name above the thumbnails
		show_project_name(projId);
	}
}

function show_project_name(projId) {
	document.getElementById('project_name').innerHTML=name[projId];
}

function rollOUT(navId,projId) {
	// Reset colors
	document.getElementById(navId).style.backgroundColor='#FFF';
	document.getElementById(navId).style.color='#999';
	document.getElementById(projId).style.borderColor='#DDD';

	
	// Clear the displayed project name
	clear_project_name(); 
}

function clear_project_name() {
	document.getElementById('project_name').innerHTML=" ";
}