// JavaScript Document

function loadProjectText (descStr) {
	document.getElementById("proj0").style.visibility = "hidden";
	document.getElementById("proj1").style.visibility = "hidden";
	document.getElementById("proj2").style.visibility = "hidden";
	document.getElementById("proj3").style.visibility = "hidden";
	document.getElementById("proj4").style.visibility = "hidden";
	document.getElementById("proj5").style.visibility = "hidden";
	document.getElementById("proj6").style.visibility = "hidden";
	var idName = "none";
	if (descStr == "Cabrera Design") { 
		idName = "proj1"; 
	}
	if (descStr == "St Lawrence O'Toole School") { 
		idName = "proj2"; 
	}
	if (descStr == "Sean Pagelow Band") { 
		idName = "proj3";
	}
	if (descStr == "DEA Entertainment") { 
		idName = "proj4";
	}
	if (descStr == "The Golden Skate") { 
		idName = "proj5"; 
	}
	if (descStr == "Music2You") { 
		idName = "proj6"; 
	}
	document.getElementById(idName).style.visibility = "visible";
}
	
function showPic(whichpic) {
	if (!document.getElementById("mainpic")) return true;
	var source = whichpic.getAttribute("href");
	var mainpic = document.getElementById("mainpic");
	if (mainpic.nodeName != "IMG") return true;
	mainpic.setAttribute("src", source);
	if (!document.getElementById("description")) return false;
	var text = whichpic.getAttribute("title") ? whichpic.getAttribute("title") : "";
	if (text != "") {
		var descStr = getBegStr(text, " - ");
		var linkStr = getEndStr(text, " - ");
		if (linkStr != "") {
			// var tempStr = '"http://www.' + linkStr + '/"';
			var tempStr = 'http://www.' + linkStr;
			linkStr = tempStr;
		}
	}
	var description = document.getElementById("description");
	if (!document.getElementById("sitelink")) {
		createSiteLink (descStr, linkStr, description);
	} else {
		replaceSiteLink (descStr, linkStr, description);
	}
	loadProjectText (descStr);
	return false;
}

function prepareGallery () {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("worklist")) return false;
	var gallery = document.getElementById("worklist");
	var links = gallery.getElementsByTagName("a");
	for ( var i=0; i < links.length; i++) {
		links[i].onclick = function() {
			return showPic(this);
		}
	}
}

function getEndStr (newStr, searchStr) {
	foundOffset = newStr.indexOf(searchStr);
	if (foundOffset == -1) {
		return null;
	}
	return newStr.substring(foundOffset + searchStr.length, newStr.length);
}

function getBegStr (newStr, searchStr) {
	foundOffset = newStr.indexOf(searchStr);
	if (foundOffset == -1) {
		return null;
	}
	return newStr.substring(0, foundOffset);
}

function createSiteLink(descStr, linkStr, parent) {
	var linkElement = document.createElement('a');
	linkElement.setAttribute('href', linkStr);
	linkElement.setAttribute('title', descStr);
	linkElement.setAttribute('id', "sitelink");
	var newNode = document.createTextNode(descStr);
	linkElement.appendChild(newNode);	
	parent.appendChild(linkElement);
}

function replaceSiteLink (descStr, linkStr, parent) {
	oldChild = document.getElementById("sitelink");
	var newElement = document.createElement('a');
	newElement.setAttribute('href', linkStr);
	newElement.setAttribute('title', descStr);
	newElement.setAttribute("id", "sitelink");
	var newNode = document.createTextNode(descStr);
	newElement.appendChild(newNode);
	oldChild.parentNode.replaceChild(newElement, oldChild);
}

function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}
addLoadEvent(prepareGallery);