document.observe("dom:loaded", function() {
	$("thumbs").observe("click", function(e) {
		var el = e.element();
		e.stop();
		var newImage = el.up(0).readAttribute("href")
		var newTitle = el.up(0).readAttribute("title")
		var newDesc = el.readAttribute("alt")
		
		updateImage(newImage);		
		updateDetails(newTitle, newDesc);
	});	
});

function updateImage(newImage) {
	$("main-photo").writeAttribute("src", newImage)
}

function updateDetails(newTitle, newDesc) {
	var details = $("tattoo-details");
	$("tattoo-title").update(newTitle);
	Cufon.replace('h2')
	$("tattoo-desc").update(newDesc);
}