// JavaScript Document
var portfolioRunning = false;
var portfolioCurrentId = 0;
var portfolioBuffer = 0;
function portfolioSwitch(id) {
	if(portfolioBuffer && portfolioBuffer != id) {
		return false;
	}
	if(portfolioBuffer) {
		portfolioBuffer = 0;
	}
	if(portfolioCurrentId == id) {
		return false;
	}
	if(portfolioRunning) {
		portfolioBuffer = id;
		setTimeout("portfolioSwitch("+id+")", 300);
		return false;
	}
	portfolioCurrentId = id;
	portfolioRunning = true;
	opacity('PhoenixWebDesignPortfolioImage', 100, 0, 500);
	portfolioFadeOutText(1, id);
}
function portfolioFadeOutText(color, id) {
	var colorCode = '0';
	switch(color) {
		case 10:
			colorCode = 'A';
			break;
		case 11:
			colorCode = 'B';
			break;
		case 12:
			colorCode = 'C';
			break;
		case 13:
			colorCode = 'D';
			break;
		case 14:
			colorCode = 'E';
			break;
		case 15:
			colorCode = 'F';
			break;
		default:
			colorCode = color+'';
	}
	document.getElementById('PhoenixWebDesignPortfolioCompDescription').style.color = '#'+colorCode+colorCode+colorCode;
	document.getElementById('PhoenixWebDesignPortfolioCompName').style.color = '#'+colorCode+colorCode+colorCode;
	document.getElementById('PhoenixWebDesignPortfolioServicesProvided').style.color = '#'+colorCode+colorCode+colorCode;
	color++;
	if(color <= 15) {
		setTimeout("portfolioFadeOutText("+color+","+id+")", 33);
	} else {
		portfolioShow(id);
	}
}
function portfolioFadeInText(color) {
	var colorCode = 'F';
	switch(color) {
		case 10:
			colorCode = 'A';
			break;
		case 11:
			colorCode = 'B';
			break;
		case 12:
			colorCode = 'C';
			break;
		case 13:
			colorCode = 'D';
			break;
		case 14:
			colorCode = 'E';
			break;
		case 15:
			colorCode = 'F';
			break;
		default:
			colorCode = color+'';
	}
	document.getElementById('PhoenixWebDesignPortfolioCompDescription').style.color = '#'+colorCode+colorCode+colorCode;
	document.getElementById('PhoenixWebDesignPortfolioCompName').style.color = '#'+colorCode+colorCode+colorCode;
	document.getElementById('PhoenixWebDesignPortfolioServicesProvided').style.color = '#'+colorCode+colorCode+colorCode;
	color--;
	if(color >= 0) {
		setTimeout("portfolioFadeInText("+color+")", 33);
	} else {
		portfolioRunning = false;
	}
}
function portfolioShow(id) {
	document.getElementById('PhoenixWebDesignPortfolioCompName').innerHTML = document.getElementById('PhoenixWebDesignPortfolioCompName'+id).innerHTML;
	document.getElementById('PhoenixWebDesignPortfolioCompDescription').innerHTML = document.getElementById('PhoenixWebDesignPortfolioCompDescription'+id).innerHTML;
	document.getElementById('PhoenixWebDesignPortfolioServicesProvidedText').innerHTML = document.getElementById('PhoenixWebDesignPortfolioServicesProvided'+id).innerHTML;
	//load up new image
	document.getElementById('PhoenixWebDesignPortfolioImage').src = document.getElementById('PhoenixWebDesignPortfolioImage'+id).src;
	document.getElementById('PhoenixWebDesignPortfolioImage').alt = document.getElementById('PhoenixWebDesignPortfolioImage'+id).alt;
	opacity('PhoenixWebDesignPortfolioImage', 0, 100, 500);
	portfolioFadeInText(14);
}