// JavaScript Document

window:onload = function(){
	warningLine();
	checkURL();
	setProjectLinks();
}

function warningLine(){
	if (!document.getElementById) return false;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		var classType = "class";
	}else{
		var classType = "className";
	}
	var warningline = document.getElementById("warning");
	warningline.setAttribute(classType,"hideThis");
}

function getQueryVariable(variable){
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++){
		var pair = vars[i].split("=");
		if (pair[0] == variable){
			return pair[1];
		}
	}
}

function checkURL(){
	var projectID = getQueryVariable("project");
	if (projectID){
		var toOpenExists = document.getElementById(projectID);
		if (toOpenExists){
			var toOpen = toOpenExists.firstChild;
			openProject(toOpen);
		}else{
			alert("The project \""+projectID+"\" does not exist.\n\nPlease double check the URL");
			openDefault();
		}
	}else{
		openDefault();
	}
}

function openDefault(){
	if (!document.getElementById) return false;
	var getDefault = document.getElementById("default");
	var defaultProjectName = getDefault.firstChild.nodeValue;
	var defaultProject = document.getElementById(defaultProjectName);
	var toOpen = defaultProject.firstChild;
	openProject(toOpen);
}

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("projects");
	var projectItem = projectList.getElementsByTagName("li");
	for (var i=0; i<projectItem.length; i++){
		if (projectItem[i].getAttribute(classType) == "project"){
			projectItem[i].firstChild.onclick = function(){
				return openProject(this);
			}
		}
	}
}

function openProject(projectLink){
	var project = projectLink.parentNode;
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		classType = "class";
	}else{
		classType = "className";
	}
	var lists = project.getElementsByTagName("ul");
	var divs = project.getElementsByTagName("div");
	
	// ------------------------------------------------------ set current project
	var projectList = document.getElementById("projects");
	var projectItem = projectList.getElementsByTagName("li");
	for (var i=0; i<projectItem.length; i++){
		if (projectItem[i].getAttribute(classType) == "project"){
			if (projectItem[i].firstChild.getAttribute(classType) == "current"){
				projectItem[i].firstChild.setAttribute(classType, "clicked");
			}
		}
	}
	projectLink.setAttribute(classType,"current");
	// ------------------------------------------------------------------------
	
	// ------------------------------------------------------ set project title
	var divTitle = document.getElementById("projectTitle");
	divTitle.setAttribute(classType,"hideThis");
	var linkTitle = projectLink.firstChild.nodeValue;
	divTitle.innerHTML = "<p>"+linkTitle+"</p>";
	divTitle.setAttribute(classType,"");
	// ------------------------------------------------------------------------
	
	// ------------------------------------------------------ set image source
	var divPic = document.getElementById("projectPic");
	divPic.setAttribute(classType,"hideThis");
	var imgs = project.getElementsByTagName("img");
	for (var i=0;i<imgs.length;i++){
		if (imgs[i].getAttribute(classType) == "firstPic"){
			var firstPicSource = imgs[i].getAttribute("src");
			divPic.innerHTML = "<img src=\""+firstPicSource+"\" />";
//			divPic.firstChild.setAttribute("src",firstPicSource);
			divPic.setAttribute(classType,"");
		}
	}
	// ------------------------------------------------------------------------
	
	// ------------------------------------------------------ set project links
	var divLinks = document.getElementById("projectLinks");
	divLinks.setAttribute(classType,"hideThis");
	for (var i=0;i<lists.length;i++){
		if (lists[i].getAttribute(classType) == "movies"){
			var movieList = lists[i];
			var movieLinks = movieList.getElementsByTagName("a");
			var allLinks = "<p>View Quicktime";
			for (var j=0;j<movieLinks.length;j++){
				var movieLink = movieLinks[j].getAttribute("href");
				allLinks += "<a href="+movieLink+">"+(j+1)+"</a>";
				if(j==movieLinks.length) allLinks += "</p>";
			}
			divLinks.innerHTML = allLinks;
			divLinks.setAttribute(classType,"");
			setMovieClick();
		}else if (lists[i].getAttribute(classType) == "pics"){
			var picList = lists[i];
			var picLinks = picList.getElementsByTagName("a");
			var allLinks = "<p>View Images";
			for (var j=0;j<picLinks.length;j++){
				var picLink = picLinks[j].getAttribute("href");
				allLinks += "<a href="+picLink+">"+(j+1)+"</a>";
				if(j==picLinks.length) allLinks += "</p>";
			}
			divLinks.innerHTML = allLinks;
			divLinks.setAttribute(classType,"");
			setPicClick(project);
		}
	}
	// ------------------------------------------------------------------------
	
	// ------------------------------------------------------ set project description
	var divInfo = document.getElementById("projectInfo");
	divInfo.setAttribute(classType, "hideThis");
	for (var i=0;i<divs.length;i++){
		if (divs[i].getAttribute(classType) == "info"){
			var infoText = divs[i].innerHTML;
			divInfo.innerHTML = infoText;
			divInfo.setAttribute(classType, "");
		}
	}
	// ------------------------------------------------------------------------
	
	return false;
}

function setMovieClick(){
	var divMovLinks = document.getElementById("projectLinks");
	var movieLinks = divMovLinks.getElementsByTagName("a");
	for (var i=0;i<movieLinks.length;i++){
		movieLinks[i].onclick = function(){
			return openMovieInWindow(this.getAttribute("href"));
			// return openMovieWindow(this.getAttribute("href"), "movieWindow", "552", "440");
		}
	}
}

function openMovieInWindow(url){
	
	var movieCode = "<embed src=\""+url+"\" width=\"512\" height=\"304\"></embed>";
	var divPic = document.getElementById("projectPic");
	divPic.innerHTML = movieCode;
	return false;
}

function openMovieWindow(url, name, width, height){
	config = 'width=' + width + ',height=' + height;
	newWindow = window.open(url, name, config);
	var x = (screen.width - width) / 2;
	var y = (screen.height - height) / 2;
	newWindow.moveTo(x, y);
	newWindow.focus();
	return false;
}

function setPicClick(project){
	var testClass = document.getElementById("container");
	if (testClass.getAttribute("class")=="container"){
		classType = "class";
	}else{
		classType = "className";
	}
	var picLinksList = document.getElementById("projectLinks");
	var picLinks = picLinksList.getElementsByTagName("a");
	for (var i=0;i<picLinks.length;i++){
		picLinks[i].onclick = function(){
			return replacePic(this);
		}
	}

}

function replacePic(imageLink){
	var newSrc = imageLink.getAttribute("href");
	var divPic = document.getElementById("projectPic");
	divPic.firstChild.setAttribute("src",newSrc);
	return false;
}