var learners_img = new Image();
learners_img.src = "images/home/learners.gif";
var content_img = new Image();
content_img.src = "images/home/content.gif";
var training_img = new Image();
training_img.src = "images/home/training.gif";

var learners_mo_img = new Image();
learners_mo_img.src = "images/home/learners_MO.gif";
var content_mo_img = new Image();
content_mo_img.src = "images/home/content_MO.gif";
var training_mo_img = new Image();
training_mo_img.src = "images/home/training_MO.gif";

Event.observe("learners_btn","mouseover",learnersShowBalloon);
Event.observe("learners_btn","mouseout",learnersHideBalloon);
Event.observe("content_btn","mouseover",contentShowBalloon);
Event.observe("content_btn","mouseout",contentHideBalloon);
Event.observe("training_btn","mouseover",trainingShowBalloon);
Event.observe("training_btn","mouseout",trainingHideBalloon);

var timeout = null;

function learnersShowBalloon() {
	$("learners_btn").src = learners_mo_img.src;
	clearTimeout(timeout);
	timeout = setTimeout(function(){
		$('learners_ballon').style.visibility = 'visible';
	}, 300);
}
function learnersHideBalloon() {
	$("learners_btn").src = learners_img.src;
	$('learners_ballon').style.visibility="hidden";
	clearTimeout(timeout);
}
function contentShowBalloon() {
	$("content_btn").src = content_mo_img.src;
	clearTimeout(timeout);
	timeout = setTimeout(function(){
		$('content_ballon').style.visibility = 'visible';
	}, 300);
}
function contentHideBalloon() {
	$("content_btn").src = content_img.src;
	$('content_ballon').style.visibility="hidden";
	clearTimeout(timeout);
}
function trainingShowBalloon() {
	$("training_btn").src = training_mo_img.src;
	clearTimeout(timeout);
	timeout = setTimeout(function(){
		$('training_ballon').style.visibility = 'visible';
	}, 300);
}
function trainingHideBalloon() {
	$("training_btn").src = training_img.src;
	$('training_ballon').style.visibility="hidden";
	clearTimeout(timeout);
	
}

function home_button_navigate(target) {
	document.location=target;
}