var fadeTime = 0.5;
var currentPaneName = 'project-text-overview';
var currentLinkName = 'overview_link';
var currentLargeImage = null;
var imagefading = false;

/*
function projectPaneHandlers() {
	var projectPaneLinks = document.getElementsBySelector("#content-main div#project-text #project-text-nav a");
	for(var i=0; i<projectPaneLinks.length; i++) {
		var pane = document.getElementById(projectPaneLinks[i].getAttribute('controls'));
		if(!YAHOO.util.Dom.hasClass(pane, 'activePane')) {
			YAHOO.util.Dom.setStyle(pane, 'opacity', 0);
			YAHOO.util.Dom.setStyle(pane, 'display', 'block');
		}
		YAHOO.util.Event.addListener(projectPaneLinks[i], "click", switchPane, projectPaneLinks[i]);
	}
}
// Isn't used anymore, the panes have been removed
function switchPane(e, self) {
	var currentLinkShowing = document.getElementById(currentLinkName);
	var currentPaneShowing = document.getElementById(currentPaneName);
	var toshow = document.getElementById(self.getAttribute("controls"));
	if(toshow==currentPaneShowing) return false;
	var fadeIn = new YAHOO.util.Anim(toshow, { opacity: { to: 1 } }, fadeTime);
	var fadeOut = new YAHOO.util.Anim(currentPaneShowing, { opacity: { to: 0 } }, fadeTime);
	fadeOut.animate();
	fadeIn.animate();
	currentLinkShowing.className ="";
	self.className ="current";
	currentPaneName = toshow.id;
	currentLinkName = self.id;
}
*/

function projectThumbHandlers() {
	var projectThumbs = document.getElementsBySelector("#content-main div#project-images div#thumbnails a");
	for(var i=0; i<projectThumbs.length; i++) {
		YAHOO.util.Event.addListener(projectThumbs[i], "click", switchImage, projectThumbs[i]);
	}
	var fullSizedImages = document.getElementsBySelector("#content-main div#project-images div#largeimage img");
	for(var i=0; i<fullSizedImages.length; i++) {
		if(!YAHOO.util.Dom.hasClass(fullSizedImages[i], 'activeImage')) {
			YAHOO.util.Dom.setStyle(fullSizedImages[i].id, 'opacity', 0); 
			fullSizedImages[i].style.display = 'block';
		}
	}
	var currentLargeImageArr = document.getElementsBySelector("#content-main div#project-images div#largeimage .activeImage");
	currentLargeImage = currentLargeImageArr[0];
}

function switchImage(e, self) {
	//if currently animating, bounce back
	if(imagefading) return false;
	var thumb = self.getElementsByTagName('img');
	thumb = thumb[0];
	var thumbsrc = thumb.src;
	tokenizedThumbSrc = thumbsrc.split('/');
	var imageID = tokenizedThumbSrc[tokenizedThumbSrc.length-1];
	var newImageToShow = document.getElementById(imageID);
	if(newImageToShow==currentLargeImage) return false;
	imagefading = true;
	var fadeIn = new YAHOO.util.Anim(newImageToShow, { opacity: { to: 1 } }, fadeTime);
	var fadeOut = new YAHOO.util.Anim(currentLargeImage, { opacity: { to: 0} }, fadeTime);
	fadeIn.onComplete.subscribe(function() { YAHOO.util.Dom.addClass(newImageToShow, "activeImage"); currentLargeImage = newImageToShow; imagefading = false; });
	fadeOut.onComplete.subscribe(function() { YAHOO.util.Dom.removeClass(currentLargeImage, "activeImage"); });
	fadeIn.animate();
	fadeOut.animate();
}

function debug(func, str) {
	if(func=='add')
		document.getElementById('debug').innerHTML += "<br>"+str;
	else if (func=='replace')
		document.getElementById('debug').innerHTML = str;
}

//no more projectPanes
//YAHOO.util.Event.addListener(window, "load", projectPaneHandlers);
YAHOO.util.Event.addListener(window, "load", projectThumbHandlers);