var types = new Array();
types[1] = "click image above to visit website";
types[2] = "click image above to view video"
types[3] = "click image above to enlarge";
types[4] = "click image above to view pdf";

var typepadding = new Array();
typepadding[1] = 0;
typepadding[2] = 46;
typepadding[3] = 46;
typepadding[4] = 0;

var typealign = new Array();
typealign[1] = "left";
typealign[2] = "left";
typealign[3] = "right";
typealign[4] = "right";




function loadthumbs(page) {
	
	var els = thumbcats.length - 1;
	
	var thumbcont = document.getElementById("thumbcont");
	var thumbs = thumbcont.getElementsByTagName('img');

	for (var i = 0; i < els; i++) {
		thumbs[i].src = "images/portfolio/" + page + "/thumb_" + (i + 1) + ".jpg";
	}

}


function switchproject(id) {
	
	var total = thumbcats.length - 1;
	if (id > total) return false;
	
	var type = document.getElementById("thumbtype");
	var thumbinstruction = document.getElementById("thumbinstruction");
	var thumbinslink = document.getElementById("thumbinslink");
	var pimage = document.getElementById("pimage");
	var plink = document.getElementById("plink");
	
	
	// reset 
	
	var resetid;
	var resetdiv;
	for (var i = 1; i <= total; i++) {
		resetid = "thumb" + i;
		resetdiv = document.getElementById(resetid).style.borderBottom = "";
	}
	
	type.firstChild.nodeValue = "";
	type.style.paddingLeft = "0";
	type.style.paddingRight = "0";
	
	plink.href = "";
	plink.target = "";
	plink.onclick = "";
	
	thumbinslink.firstChild.nodeValue = "";	
	thumbinslink.href = "";
	thumbinslink.target = "";
	thumbinslink.onclick = "";
	
	
	// repopulate
	
	var contdivid = "thumb" + id;
	var contdiv = document.getElementById(contdivid);
	contdiv.style.borderBottom = "3px solid #4E89BE";
	
	// type
	type.firstChild.nodeValue = thumbtypes[id];
	type.style.textAlign = typealign[id];
	if (typealign[id] == "left") {
		type.style.paddingLeft = typepadding[id] + "px";
	}
	else {
		type.style.paddingRight = typepadding[id] + "px";
	}
	
	// instructions
	thumbinslink.firstChild.nodeValue = types[thumbcats[id]];
	
	// main image source
	pimage.src = "images/portfolio/" + page + "/full_" + id + ".jpg";
	
	
	// url
	plink.href = (thumburls[id] == "") ? "#" : thumburls[id];
	thumbinslink.href = plink.href;
	
	if (thumbcats[id] == 1 || thumbcats[id] == 4) { 
		plink.target = "_blank";
		thumbinslink.target = "_blank";
	}
	if (thumbcats[id] == 3) {
		plink.onclick = goto_dyn;
		thumbinslink.onclick = goto_dyn;
	}
	
	
}

function goto_dyn() {
	
	var url = this.href;
	window.open(url, '','resizable=no,scrollbars=no,width=800,height=480');
	return false;

}