var currentProject = null;

function attachClickHandlers() {
	if(! YAHOO.util.Dom.hasClass(document.getElementById('content'), "home")) return false;
	var projectButtons = document.getElementsBySelector("#recentwork .projectbutton a");
	YAHOO.util.Event.addListener(projectButtons, "click", showProject);
	YAHOO.util.Event.addListener(projectButtons, "mouseover", hoverProject);
	YAHOO.util.Event.addListener(projectButtons, "mouseout", unhoverProject);
	
	var closeProjectButtons = document.getElementsBySelector(".popup .close");
	YAHOO.util.Event.addListener(closeProjectButtons, "click", hideProject);
}

function hoverProject(e) {
	var img = this.getElementsByTagName("img");
	img = img[0];
	img.setAttribute("offsrc", img.src);
	img.src = img.getAttribute("hoversrc");
}

function unhoverProject(e) {
	var img = this.getElementsByTagName("img");
	img = img[0];
	img.src = img.getAttribute("offsrc");
}

function showProject(e) {
	var thisProject = this.getAttribute("targetdiv");
	YAHOO.util.Dom.setStyle(thisProject, "opacity", 0);
	YAHOO.util.Dom.setStyle(thisProject, "display", "block");
	var myAnim = new YAHOO.util.Anim(thisProject, { opacity: { to: 1 } }, 0.5, YAHOO.util.Easing.easeOut);
	myAnim.animate();
	currentProject = thisProject;
}

function showProjectLoad(thisProject) {
	//var thisProject = this.getAttribute("targetdiv");
	if (thisProject != null && thisProject != "") {
		YAHOO.util.Dom.setStyle(thisProject, "opacity", 0);
		YAHOO.util.Dom.setStyle(thisProject, "display", "block");
		var myAnim = new YAHOO.util.Anim(thisProject, { opacity: { to: 1 } }, 0.5, YAHOO.util.Easing.easeOut);
		myAnim.animate();
		currentProject = thisProject;
	}
}

function hideProject(e) {
	if(!currentProject) return;
	var myAnim = new YAHOO.util.Anim(currentProject, { opacity: { to: 0 } }, 0.5, YAHOO.util.Easing.easeOut);
	myAnim.onComplete.subscribe(displayNone);
	myAnim.animate();
	currentProject = null;
}

function displayNone() {
	var thisElm = this.getEl();
	YAHOO.util.Dom.setStyle(thisElm.id, "display", "none");
}

YAHOO.util.Event.addListener(window, "load", attachClickHandlers);
