/*
aggiunge/rimuove alle liste e alle aree cliccabili la classe "Highlight" utilizzando una funzione associata all'evento Mouseouver o Mouseout utilizzando JQuery
*/

$(document).ready(function() {	
	$('#planiDesc li').mouseover(function(){$('#'+this.id).addClass('highlight');$('#'+this.id.replace('link_','')).addClass('highlight');});
	$('#planiDesc li').mouseout(function(){$('#'+this.id).removeClass('highlight');$('#'+this.id.replace('link_','')).removeClass('highlight');});	
	
	$('#roomList li a').mouseover(function(){$('#'+this.id).addClass('highlight');$('#link_'+this.id).addClass('highlight');});
	$('#roomList li a').mouseout(function(){$('#'+this.id).removeClass('highlight');$('#link_'+this.id).removeClass('highlight');});	
	
	$('#piano area').mouseover(function(){$('#'+this.id.replace('piano_','')).addClass('highlight');$('#link_'+this.id.replace('piano_','')).addClass('highlight');});
	$('#piano area').mouseout(function(){$('#'+this.id.replace('piano_','')).removeClass('highlight');$('#link_'+this.id.replace('piano_','')).removeClass('highlight');});	
});