var id_="";
var page="";
var link_;

function $show(id, pagina,id_)
{
	if((id) && (pagina)){
		
		if(pagina=='index')
		{
			pagina='home'
		}
		page=pagina
		document.getElementById(id).style.display='block';
		link_=document.getElementById(id_).innerHTML.toLowerCase();
		
		if(link_=='index')
		{
			link_='home'
			alert(link_);
		}
		alert(link_);
	}	
	
}

function $hide(id)
{
	if(id){
		if(link_!=page){
			//alert(link_);
			document.getElementById(id).style.display='none';
		}
	}
}

function $color(id)
{
	if(id){
		
		document.getElementById(id).style.color='#4f4f4f';
	}
	
}

//******** USO **********//
/*

<div class="link">
	<div class="barra_cont">
    	<div class="barra" id="home"></div>
    </div>
    <div class="testo"><a href="index.php" id="home_" onclick="javascript:$show('home','<?php echo $site ?>','home_');" onmouseover="javascript:$show('home','<?php echo $site ?>','home_');" onmouseout="javascript:$hide('home');">HOME</a></div>
</div>

all'interno di di ogni pagina:

$show('home','<?php echo $site ?>','home_');
$color('home_');

NB: 
$show = richiama la funzione
'home' = id assegnato alla class="barra" per far si che si usi quel specifico div
'$site = ottiene il nome del file richiamato nel menu
'home_' = id assegnato al link

*/