var x;
var tabs = new Array();
tabs[0] = 'portfolio-btn0';
tabs[1] = 'portfolio-btn1';
tabs[2] = 'portfolio-btn2';
tabs[3] = 'portfolio-btn3';
tabs[4] = 'portfolio-btn4';

var project = new Array();
project[0] = 'portfolio0';
project[1] = 'portfolio1';
project[2] = 'portfolio2';
project[3] = 'portfolio3';
project[4] = 'portfolio4';


//function hideProjects(){
//	for (x in project){
//		document.getElementById(project[x]).style.display = 'none';
//	}
//	document.getElementById(project[0]).style.display = 'block';
//}

//adds CSS stylesheet that hides the elements. Gets rid of flicker before page loads!
(function () {
	var head = document.getElementsByTagName("head")[0];
	if (head) {
		var scriptStyles = document.createElement("link");
		scriptStyles.rel = "stylesheet";
		scriptStyles.type = "text/css";
		scriptStyles.href = "../styles/flicker.css";
		head.appendChild(scriptStyles);
	}
}());

//tabs change content
function changeProject(i){
	//change content
	for (x in project){
		document.getElementById(project[x]).style.display = 'none';
	}
	document.getElementById(project[i]).style.display = 'block';
	
	
	//change color of selected tab
	for (x in tabs){
		document.getElementById(tabs[x]).firstChild.style.color = '#b20838';
	}
	document.getElementById(tabs[i]).firstChild.style.color = '#3c6db2';
	
}