/* Drop Down hidden menu */

var timeout1		= 200;
var timeout2		= 300;
var closetimer		= 0;
var ddmenuitem      = 0;
var menubar			= 0;
var bg2				= 0;
var clr2			= 0;
var bg3				= 0;
var clr3			= 0;

// open hidden layer
function mopen(id1,id2,clr1,color2,bg1,bgd2) {	
	// cancel close timer
	mcancelclosetime();

	// close old layer and refresh old menu bar
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(menubar) {
		menubar.style.background=bg3;
		menubar.style.color=clr3;
	}

	// get new layer and show it
	ddmenuitem = document.getElementById(id2);
	opentimer = window.setTimeout(mopentime, timeout1);
	
	// color menu bar
	menubar = id1;
	menubar.style.background=bg1;
	menubar.style.color=clr1;
	
	bg2 = bgd2;
	clr2 = color2;
}
// delay show of hidden layer
function mopentime() {
	if(ddmenuitem) ddmenuitem.style.visibility = 'visible';
}	
// close showed layer
function mclose() {
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	
	// refresh menu bar
	if(menubar) {
		menubar.style.background=bg3;
		menubar.style.color=clr3;
	}
	
	//reset variables
	ddmenuitem 	= 0;
	menubar		= 0;
}
// go close timer - this is on mouse out
function mclosetime() {
	bg3 = bg2;
	clr3 = clr2;
	closetimer = window.setTimeout(mclose, timeout2);
}
// cancel close timer
function mcancelclosetime() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
		bg3 = bg2;
		clr3 = clr2;
	}
}
// close layer when click-out
document.onclick = mclose; 

// coloring of sub menu links
function subcolor(id) {
	id.style.background="#D0D0D0";
}
function subrefresh(id) {
	id.style.background="transparent";
}

// coloring of submit button of optin form
	function color(id) {
		id.style.background="#0054A6";
		id.style.color="white";
	}
	function decolor(id) {
		id.style.background="transparent";
		id.style.color="#0054A6";
	}