var thumbs;
var fadeInInterval;
var title;

var description = new Array();
	description[0]="Project Role: concept, design, layout, digital photography, production.";
	description[1]="Project Role: concept, design, production.";
	description[2]="Project Role: design, layout, production.";
	description[3]="Project Role: photo research, design, layout, production.";
	description[4]="Project Role: design, layout, production.";
	description[5]="Project Role: design, layout, production.";
	description[6]="Project Role: concept, illustration, digital photography, design, production.";
	description[7]="Project Role: design, layout, production.";
	description[8]="Project Role: design, layout, production.";
	description[9]="Project Role: design, layout, production.";
	description[10]="Project Role: design, photo research, production in XHTML and CSS.";
	description[11]="Project Role: design, photo research, production in XHTML and CSS.";
	description[12]="Project Role: design, production in XHTML, CSS, and jQuery.";
	description[13]="Project Role: design.";
	description[14]="Project Role: design, digital illustration, production.";
	description[15]="Project Role: concept, digital illustration.";
	description[16]="Project Role: concept, cut paper and digital illustration.";
	description[17]="Project Role: concept, cut paper and digital illustration.";
	description[18]="Project Role: concept, digital illustration.";
	description[19]="Project Role: digital illustration.";
	description[20]="Project Role: digital illustration.";
	description[21]="Project Role: design, digital illustration.";
	description[22]="Project Role: photo research, design, layout.";
	description[23]="Project Role: concept, design.";
	description[24]="Project Role: concept, design.";
	description[25]="Project Role: concept, design.";
	description[26]="Project Role: concept, design.";
	description[27]="Project Role: concept, design.";
	description[28]="Project Role: concept, design.";
	description[29]="Project Role: concept, design.";
	description[30]="Project Role: concept, design.";
	description[31]="Project Role: design, layout.";
	description[32]="Project Role: design, layout.";
	description[33]="Project Role: design, layout.";
	description[34]="Project Role: design, layout.";


window.onload = function (){
	thumbs = document.getElementById("thumbNails").getElementsByTagName("img");
		for (t = 0; t < thumbs.length; t++){
			thumbs[t].onclick = displayImage;
			} document.getElementById("mainImage").onload = fadeIn;
		}

function displayImage(){
	document.getElementById("instructions").style.display="none";
	for (t = 0; t < thumbs.length; t++){
		thumbs[t].style.border = "";
		} document.getElementById("mainImage").src = this.src;
		document.getElementById("mainImage").style.display="inline";
		document.getElementById("title").innerHTML = this.title;
		document.getElementById("description").innerHTML = description[parseInt(this.alt)];		
		this.style.border = '2px solid #333';
	}

/*

function open_win(){
	for (t = 10) {
	mainImage.onclick = window.open("http://www.studiowhatif.com/lgbtq_web/index.html");
	}
}


function open_win(){
	window.open("http://www.studiowhatif.com/lgbtq_web/index.html/");
}

*/

	
function fadeIn(){
	document.getElementById("mainImage").style.opacity = '0'
	fadeInInterval = setInterval("doFadeIn()",100)
	}

function doFadeIn(){
		var mainImg = document.getElementById("mainImage");
		var currentValue = parseFloat(mainImg.style.opacity);  
	if(currentValue < 1){
		mainImg.style.opacity = currentValue + .1 ;
	} else {
		clearInterval(fadeInInterval)
		}
	}