document.observe("dom:loaded", function() {	
	$$(".portfolio .project").each(function(project) {
		var additional = project.select(".additional").first();
		additional.hide();

		var link = new Element("a", { "href":"javascript:void(0);" });
			link.addClassName("screenshot"); //because IE8
		var image = project.select("img").first().removeClassName("screenshot").wrap(link);		
				
			link.observe("mouseover", function(event){
				project.addClassName( additional.visible() ? "hover-opened" : "hover-closed");
			}.bind(this));
			
			link.observe("mouseout", function(event){
				project.removeClassName("hover-opened");
				project.removeClassName("hover-closed");
			}.bind(this));
						
			link.observe("click", function(event){
				project.removeClassName( additional.visible() ? "hover-opened" : "hover-closed" );
				project.addClassName( additional.visible() ? "hover-closed" : "hover-opened" );

				Effect.toggle(additional,"blind");
			}.bind(this));
	});
		
	$("footer").select("ul").first().childElements().each(function(li) {
		var link = li.down();
			link.writeAttribute("onclick","return false;");
		
			link.observe("click", function(event){
				Effect.ScrollTo(link.readAttribute("href").gsub("#",""));
			}.bind(this));
	});
});