// JavaScript Document
window:onload = function(){
	setMainNavLinks();
	setProjectLinks();
}

function setMainNavLinks(){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	var mainNavList = document.getElementById("mainNav");
	var navItem = mainNavList.getElementsByTagName("div");
	for (var i=0; i<navItem.length; i++){
		if (navItem[i].getAttribute(classType) == "mainNavBT"){
			navItem[i].firstChild.onclick = function(){
				return openSection(this);
			}
		}
	}
}

function openSection(whichSection){
	//alert("got here");
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	var section = whichSection.firstChild.nodeValue;
	//alert(section);
	var allContent = document.getElementById("pageSpecific");
	var contentSections = allContent.getElementsByTagName("div");
	//alert(contentSections.length);
	for (var i=0; i<contentSections.length;i++){
		if (contentSections[i].getAttribute(classType) == "curSec"){
			contentSections[i].setAttribute(classType, "hideThis");
		}
	}
	var sectionToOpenID = section+"Sec";
	var sectionToOpen = document.getElementById(sectionToOpenID);
	if (section == "illustrations"){
		setFirstProject();
		var projectList = document.getElementById("projectList");
		var projectItem = projectList.getElementsByTagName("li");
		for (var i=0; i<projectItem.length; i++){
			if (projectItem[i].getAttribute(classType) == "project"){
				//alert("project");
				if (projectItem[i].firstChild.getAttribute(classType) == "curProject"){
					var projectLink = projectItem[i].firstChild;
					openProject(projectLink);
				}
			}
		}
	}
	sectionToOpen.setAttribute(classType, "curSec");
	var pageTitleDiv = document.getElementById("pageTitle");
	var pageTitle = pageTitleDiv.firstChild;
	pageTitle.innerHTML = section;
	return false;
}

function setProjectLinks(){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	var projectList = document.getElementById("projectList");
	var projectItem = projectList.getElementsByTagName("li");
	//alert(projectItem.length);
	for (var i=0; i<projectItem.length; i++){
		if (projectItem[i].getAttribute(classType) == "project"){
			//alert("project");
			projectItem[i].firstChild.onclick = function(){
				//alert("got here");
				return openProject(this, true);
			}
		}
	}
}

function setFirstProject(){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	var projectList = document.getElementById("projectList");
	var projectItem = projectList.getElementsByTagName("li");
	for (var i=0; i<projectItem.length; i++){
		if (projectItem[i].getAttribute(classType) == "project"){
				var projectLink = projectItem[i].firstChild;
				openProject(projectLink, false);
				break;
		}
	}
}

function openIllustration(){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	var allContent = document.getElementById("pageSpecific");
	var contentSections = allContent.getElementsByTagName("div");
	//alert(contentSections.length);
	for (var i=0; i<contentSections.length;i++){
		if (contentSections[i].getAttribute(classType) == "curSec"){
			contentSections[i].setAttribute(classType, "hideThis");
		}
	}
	//alert("GOT");
	var sectionToOpen = document.getElementById("illustrationsSec");
	sectionToOpen.setAttribute(classType, "curSec");
	var pageTitleDiv = document.getElementById("pageTitle");
	var pageTitle = pageTitleDiv.firstChild;
	pageTitle.innerHTML = "illustrations";
}

function openProject(projectLink, fromProject){
	var project = projectLink.parentNode;
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	if (fromProject == true){
	openIllustration();	
	}
	//clear current project
	var projectList = document.getElementById("projectList");
	var projectLinks = projectList.getElementsByTagName("a");
	for (var i=0;i<projectLinks.length;i++){
		if (projectLinks[i].getAttribute(classType,"selectedProject")){
			projectLinks[i].setAttribute(classType,"");
		}
	}
	// set new selected project
	projectLink.setAttribute(classType, "selectedProject");

	
	
	//alert("opening "+projectLink.firstChild.nodeValue);
	var projectSec = document.getElementById("illustrationsSec");
	var projectTitleHolder = projectSec.getElementsByTagName("h3");
	//alert(projectTitleH3.length);
	var projectInfo = projectLink.getElementsByTagName("span");
	var projectClient = projectInfo[0].firstChild.nodeValue;
	var projectProject = projectInfo[1].firstChild.nodeValue;
	//alert(projectProject);
	projectTitleHolder[0].firstChild.nodeValue = projectClient+projectProject;
	
	var projectDescHolder = document.getElementById("projDesc");
	//alert("anything");
	var projectDescriptionDivs = project.getElementsByTagName("div");
	for (var i=0;i<projectDescriptionDivs.length;i++){
		if (projectDescriptionDivs[i].getAttribute(classType) == "description"){
			//alert("gothere");
			projectDescHolder.innerHTML = projectDescriptionDivs[i].innerHTML;
		}
	}
	
	var imgLinksHolder = document.getElementById("imgLinks");
	var imgHolder = document.getElementById("projImg");
	var projectImgList = project.getElementsByTagName("ul");
	var imgLinks = projectImgList[0].getElementsByTagName("li");
	//alert(imgLinks.length);
	//alert(imgHolder.getAttribute("src"));
	var firstImg = imgLinks[0].firstChild.nodeValue;
	imgHolder.setAttribute("src", firstImg);
	var imgHTML;
	if (imgLinks.length>1){
		imgLinksHolder.innerHTML = "";
		for (var i=0;i<imgLinks.length;i++){
			if(i==0){
				var imgHTML = "<li><a href=\"#\" ";
				imgHTML += "title=\"";
				imgHTML += imgLinks[i].firstChild.nodeValue;
				imgHTML += "\" class=\"curImg\">";
				imgHTML += (i+1);
				imgHTML += "</a></li>";
				imgLinksHolder.innerHTML += imgHTML;
			}else{
				var imgHTML = "<li><a href=\"#\" ";
				imgHTML += "title=\"";
				imgHTML += imgLinks[i].firstChild.nodeValue;
				imgHTML += "\">";
				imgHTML += (i+1);
				imgHTML += "</a></li>";
				imgLinksHolder.innerHTML += imgHTML;
			}
		}
		imgLinksHolder.setAttribute(classType,"");
	}else{
		imgLinksHolder.setAttribute(classType,"hideThis");
	}
	setImageLinks();
	//alert("got here 2");
	return false;
}

function setImageLinks(){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	if(document.getElementById("imgLinks")){
		var imgLinksDiv = document.getElementById("imgLinks");
		var imgLinks = imgLinksDiv.getElementsByTagName("a");
		//alert(imgLinks.length);
		for (var i=0;i<imgLinks.length;i++){
			imgLinks[i].onclick = function(){
				return changeImg(this);
			}
		}
	}
}

function changeImg(imageLink){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	// reset current
	var imgLinkList = document.getElementById("imgLinks");
	var imgLinks = imgLinkList.getElementsByTagName("li");
	//alert(imgLinks.length);
	for (var i=0;i<imgLinks.length;i++){
		imgLinks[i].firstChild.setAttribute(classType,"");
	}
	// set new current
	imageLink.setAttribute(classType,"curImg");
	//change image
	var imgHolder = document.getElementById("projImg");
	var imgHolder = document.getElementById("projImg");
	var newImg = imageLink.getAttribute("title");
	imgHolder.setAttribute("src",newImg);
	return false;
}
/*
function imageState(state){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	
	var imgElement = document.getElementById("projImg");
	if (state == "hide"){
		imgElement.setAttribute(classType,"hideThis");
	}else{
		imgElement.setAttribute(classType,"");
	}
	//alert("got here 1");
}
*/