var previousSelectedThumb = null;

addLoadEvent(initializePortfolio);

function highlight(proj_id) {
	document.getElementById("pm-" + proj_id + "-button").className = "trigger";
	document.getElementById("pm-" + proj_id + "-thumb").className = "highlight";
}

function dehighlight(proj_id) {
	document.getElementById("pm-" + proj_id + "-button").className = "";
	document.getElementById("pm-" + proj_id + "-thumb").className = "";
}

function showCaption(caption) {
	document.getElementById(caption).style.display = 'block';
}

function hideCaption(caption) {
	document.getElementById(caption).style.display = 'none';
}

function initializePortfolio() {
	var thumb_frame = document.getElementById('first_thumb');
	previousSelectedThumb = thumb_frame;
	thumb_frame.className = 'current';
}

function swapImage(thumb_link, full, orientation, before, black_before, text) {
	var content_frame = document.getElementById('content');
	var thumb_frame = thumb_link;
	var frame = document.getElementById('portfolio-full');
	var before_frame = document.getElementById('portfolio-before');

	// remove border box from previous thumbnail
	if (previousSelectedThumb != null)
		previousSelectedThumb.className = '';
	previousSelectedThumb = thumb_frame;

	// put border around new thumb and set image orientation style
	thumb_frame.className = 'current';
	content_frame.className = 'portfolio ' + orientation;

	// switch text for multiproject pages
	if (!(text === undefined))
		document.getElementById('port-text').innerHTML = '<img class="text" src="' + text + '" />';
	
	// swap out images
	frame.innerHTML = '<img src="' + full + '" />';	
	if (before != '') {
		before_frame.innerHTML = '<img src="' + before + '" />';
		if (black_before) {
			before_frame.innerHTML += '<img src="img/portfolio/before_black.gif" class="layover" />';
		} else {
			before_frame.innerHTML += '<img src="img/portfolio/before.gif" class="layover" />';
		}
	} else {
		before_frame.innerHTML = '';
	}

	return false;
}