// 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('GalleryImage', 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('GalleryDescription').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('GalleryDescription').style.color = '#'+colorCode+colorCode+colorCode;
	color--;
	if(color >= 0) {
		setTimeout("portfolioFadeInText("+color+")", 33);
	} else {
		portfolioRunning = false;
	}
}
function portfolioShow(id) {
	document.getElementById('GalleryDescription').innerHTML = document.getElementById('GalleryDescription'+id).innerHTML;
	//load up new image
	document.getElementById('GalleryImage').src = document.getElementById('GalleryImage'+id).src;
	document.getElementById('GalleryImage').alt = document.getElementById('GalleryImage'+id).alt;
	opacity('GalleryImage', 0, 100, 500);
	portfolioFadeInText(14);
}

function opacity(id, opacStart, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}