// JavaScript Document

/**************************************
 Thermos L.L.C. 
 Javascript - dropdown navigation
 ©2009 Method Engine, LLC
 www.methodengine.com
***************************************/

var navTimeout	= 500;
var navClosetimer = 0;
var navDDmenuitem = 0;

// open hidden layer
function mopen(tabId, id)
{	
 	if(tabId == "whatmatterstous"){
		//document.getElementById(tabId).style.backgroundImage = "url(imgs/nav/tab2_over.png)"; 
		document.getElementById('lifestyles').style.backgroundImage = "none"; 
		document.getElementById('products').style.backgroundImage = "none"; 
	}else if(tabId == "products"){
		document.getElementById(tabId).style.backgroundImage = "url(imgs/nav/tab1_over.png)";    	
		document.getElementById('lifestyles').style.backgroundImage = "none"; 
		document.getElementById('whatmatterstous').style.backgroundImage = "none";
		
	}else if(tabId == "lifestyles"){
		document.getElementById(tabId).style.backgroundImage = "url(imgs/nav/tab3_over.png)";    
		document.getElementById('products').style.backgroundImage = "none"; 
		document.getElementById('whatmatterstous').style.backgroundImage = "none"; 
	}else if(tabId == "thermostech"){
		document.getElementById('lifestyles').style.backgroundImage = "none"; 
		document.getElementById('products').style.backgroundImage = "none"; 
		document.getElementById('whatmatterstous').style.backgroundImage = "none"; 
	}else if(tabId == "bpafree"){
		document.getElementById('lifestyles').style.backgroundImage = "none"; 
		document.getElementById('products').style.backgroundImage = "none"; 
		document.getElementById('whatmatterstous').style.backgroundImage = "none"; 
	}
	
	// cancel close timer
	mcancelclosetime();

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

	// get new layer and show it
	if(id == "m1" || id == "m2" || id == "m3"){
	  navDDmenuitem = document.getElementById(id);
	  navDDmenuitem.style.visibility = 'visible';
	}
}

function resetBkImgs(){
	document.getElementById('lifestyles').style.backgroundImage = "none"; 
	document.getElementById('products').style.backgroundImage = "none"; 
	document.getElementById('whatmatterstous').style.backgroundImage = "none"; 
}

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

// go close timer
function mclosetime()
{
	navClosetimer = window.setTimeout(mclose, navTimeout);
}

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

// close layer when click-out
document.onclick = mclose;