var timeout	= 50;
var closetimer	= 0;
var ddmenuitem	= 0;
var div;
// open hidden layer

function changeDivTextColor(div)
        {
            document.getElementById(div).style.color = '#3B73B9';
        }
		
		
function changeDivTextColorback(div)
        {
            document.getElementById(div).style.color = '#333739';
        }		
		
function rolloveron(id)
{	
	if (id == 'm1'){
	document.sub_but1.src='images/navegation/nav_1_over.jpg'
	}
	if (id == 'm2'){
	document.sub_but2.src='images/navegation/nav_2_over.jpg'
	}
	if (id == 'm5'){
	document.sub_but5.src='images/navegation/nav_5_over.jpg'
	}
	if (id == 'm6'){
	document.sub_but6.src='images/navegation/nav_6_over.jpg'
	}
	if (id == 'm7'){
	document.sub_but7.src='images/navegation/nav_7_over.jpg'
	}
	if (id == 'm8'){
	document.sub_but8.src='images/navegation/nav_8_over.jpg'
	}
}
function mopen(id)
{	
	/*if (id == 'm3'){
	document.sub_but3.src='images/navegation/nav_3_over.jpg'
	}	
	if (id == 'm4'){
	document.sub_but4.src='images/navegation/nav_4_over.jpg'
	}	*/

	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime(id)
{
	closetimer = window.setTimeout(mclose, timeout);
	
	/*
	if (id == 'm3'){
	document.sub_but3.src='images/navegation/nav_3.jpg'
	}
	if (id == 'm4'){
	document.sub_but4.src='images/navegation/nav_4.jpg'
	}*/
}



// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function rolloveroff (id)
{
	if (id == 'm1'){
	document.sub_but1.src='images/navegation/nav_1.jpg'
	}
	if (id == 'm2'){
	document.sub_but2.src='images/navegation/nav_2.jpg'
	}
	if (id == 'm5'){
	document.sub_but5.src='images/navegation/nav_5.jpg'
	}
	if (id == 'm6'){
	document.sub_but6.src='images/navegation/nav_6.jpg'
	}
	if (id == 'm7'){
	document.sub_but7.src='images/navegation/nav_7.jpg'
	}
	if (id == 'm8'){
	document.sub_but8.src='images/navegation/nav_8.jpg'
	}
}
// close layer when click-out
document.onclick = mclose;