// JavaScript Document
function change_img(elem) {
  elem.setAttribute("src","images/"+elem.id+"Rollover.png");
}

function change_img_back(elem) {
  elem.setAttribute("src","images/"+elem.id+".png");
}

var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var colecao;

// open hidden layer
function mopen(id,elem)
{	

	colecao = elem;
	elem.setAttribute("src","images/colecaoRollover.png");
	// 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';
	mclose2();
}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	colecao.setAttribute("src","images/colecao.png");
}

// go close timer
function mclosetime(elem)
{
	closetimer = window.setTimeout(mclose, timeout);
}

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



var timeout2	= 500;
var closetimer2	= 0;
var ddmenuitem2	= 0;
var homeBijoux;

// open hidden layer
function mopen2(id,elem)
{	

	homeBijoux = elem;
	elem.setAttribute("src","images/homeBijouxRollover.png");
	// cancel close timer
	mcancelclosetime2();
	
	// close old layer
	if(ddmenuitem2) ddmenuitem2.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem2 = document.getElementById(id);
	ddmenuitem2.style.visibility = 'visible';
	mclose();
}
// close showed layer
function mclose2()
{
	if(ddmenuitem2) ddmenuitem2.style.visibility = 'hidden';
	homeBijoux.setAttribute("src","images/homeBijoux.png");
}

// go close timer
function mclosetime2(elem)
{
	closetimer2 = window.setTimeout(mclose2, timeout);
}

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