var _lastMouseOut=null;
var _timeOut=null;

function removeClass(target, className){
	var currentClasses=target.className.split(" ");
	var newClasses="";
	for(var i=0; i<currentClasses.length; i++){
		if(currentClasses[i]!=className){
			newClasses+=" "+currentClasses[i];
		}
	}
	target.className=newClasses;
}

function clearHighlight(name){
	_lastMouseOut=name;
	_timeOut=window.setTimeout("highlightNothing();", 300);
}

function highlightNothing() {
	window.clearTimeout(_timeOut);
	_timeOut=null;
	_lastMouseOut=null;
	//document.getElementById('boatHighlightWakefield').src="/custom/templates/page/shared/images/null.gif"; 
	removeClass(document.getElementById('theBoatsDrivers'),"boatHighlightOn");
	removeClass(document.getElementById('theBoatsBuoyancy'),"boatHighlightOn");
	removeClass(document.getElementById('theBoatsSeats'),"boatHighlightOn");
	removeClass(document.getElementById('theBoatsRoll'),"boatHighlightOn");
	removeClass(document.getElementById('theBoatsUnits'),"boatHighlightOn");
	removeClass(document.getElementById('theBoatsEngine'),"boatHighlightOn");
	removeClass(document.getElementById('theBoatsHull'),"boatHighlightOn");
	document.getElementById('theBoatsOverview').className+=" boatHighlightOn";
	//setTimeout("self.close()", 5000 ) // after 5 seconds
}


function highlighttheBoatsDrivers() {
	if(_lastMouseOut=="highlighttheBoatsDrivers"){
		window.clearTimeout(_timeOut);
	}else{
		highlightNothing();
	}
	document.getElementById('theBoatsDrivers').className+=" boatHighlightOn";
	removeClass(document.getElementById('theBoatsOverview'),"boatHighlightOn");
}


function highlighttheBoatsBuoyancy() {
	if(_lastMouseOut=="highlighttheBoatsBuoyancy"){
		window.clearTimeout(_timeOut);
	}else{
		highlightNothing();
	}
	document.getElementById('theBoatsBuoyancy').className+=" boatHighlightOn";
	removeClass(document.getElementById('theBoatsOverview'),"boatHighlightOn");
}



function highlighttheBoatsSeats() {
	if(_lastMouseOut=="highlighttheBoatsSeats"){
		window.clearTimeout(_timeOut);
	}else{
		highlightNothing();
	}
	document.getElementById('theBoatsSeats').className+=" boatHighlightOn";
	removeClass(document.getElementById('theBoatsOverview'),"boatHighlightOn");
}

function highlighttheBoatsRoll() {
	if(_lastMouseOut=="highlighttheBoatsRoll"){
		window.clearTimeout(_timeOut);
	}else{
		highlightNothing();
	}
	document.getElementById('theBoatsRoll').className+=" boatHighlightOn";
	removeClass(document.getElementById('theBoatsOverview'),"boatHighlightOn");
}

function highlighttheBoatsUnits() {
	if(_lastMouseOut=="highlighttheBoatsUnits"){
		window.clearTimeout(_timeOut);
	}else{
		highlightNothing();
	}
	document.getElementById('theBoatsUnits').className+=" boatHighlightOn";
	removeClass(document.getElementById('theBoatsOverview'),"boatHighlightOn");
}

function highlighttheBoatsEngine() {
	if(_lastMouseOut=="highlighttheBoatsEngine"){
		window.clearTimeout(_timeOut);
	}else{
		highlightNothing();
	}
	document.getElementById('theBoatsEngine').className+=" boatHighlightOn";
	removeClass(document.getElementById('theBoatsOverview'),"boatHighlightOn");
}

function highlighttheBoatsHull() {
	if(_lastMouseOut=="highlighttheBoatsHull"){
		window.clearTimeout(_timeOut);
	}else{
		highlightNothing();
	}
	document.getElementById('theBoatsHull').className+=" boatHighlightOn";
	removeClass(document.getElementById('theBoatsOverview'),"boatHighlightOn");
}