// JavaScript Document

var bodyPart;
var bodyImage;
var selected = false;
var imgRoot = '../images/';

// image preloads
var img_body_off   = new Asset.image(imgRoot + 'body-rev-off.gif');
var img_body_head  = new Asset.image(imgRoot + 'body-rev-roll-head.gif');
var img_body_heart = new Asset.image(imgRoot + 'body-rev-roll-heart.gif');
var img_body_knee  = new Asset.image(imgRoot + 'body-rev-roll-knee.gif');

// function to select which image to show
function selectImg(part) {
	if (selected && selected != part) return;
	if ($type(bodyPart) == 'element') {
		if (bodyPart.hasClass('show')) 
			bodyPart.removeClass('show');
	}	
	bodyImage.src = eval('img_body_'+part+'.src');
	bodyPart = $('body-' + part);
	bodyPart.toggleClass('show');
}
function closeImg() {
	if (selected) return;
	bodyPart.toggleClass('show');
	bodyImage.src = img_body_off.src;
}

// prepare function when DOM is loaded
window.addEvent('domready', function() {
	bodyImage = $('omegabody');
	['head','heart','knee'].forEach(function(part) {
		$('btn-' + part).addEvent('mouseover', function() { selectImg(part); });
		$('btn-' + part).addEvent('mouseout', closeImg);
		$('btn-' + part).addEvent('click', function() { selected = part; selectImg(part); });
		$('close-' + part).addEvent('click', function() { selected = false; closeImg();});
	});
});