// JavaScript Document

var bodyPart;
var bodyImage;
var selected = false;
var imgRoot = '/homeimages/';

// image preloads
var img_body_off   = new Asset.image(imgRoot + 'snowgirl2.jpg');
var img_body_future  = new Asset.image(imgRoot + 'snowgirl2.jpg');
var img_body_current = new Asset.image(imgRoot + 'math2.jpg');
var img_body_business  = new Asset.image(imgRoot + 'autumn2.jpg');
var img_body_community  = new Asset.image(imgRoot + 'nurse2.jpg');   

// 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; 
}

window.onload = function(){ selectImg('future'); }


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