// preload tab images
if (document.images) {
	var imgInMenuArr          = new Array(5);
	var imgInOverMenuArr      = new Array(5);
	var imgOpenMenuArr        = new Array(5);
	var imgOutMenuArr         = new Array(5);
	imgInMenuArr[1]           = new Image();
	imgInMenuArr[1].src       = "./images/productfamilies_in.gif";
	imgInOverMenuArr[1]       = new Image();
	imgInOverMenuArr[1].src   = "./images/productfamilies_open.gif";
	imgOpenMenuArr[1]         = new Image();
	imgOpenMenuArr[1].src     = "./images/productfamilies_open.gif";
	imgOutMenuArr[1]          = new Image();
	imgOutMenuArr[1].src      = "./images/productfamilies_out.gif";
	imgInMenuArr[2]           = new Image();
	imgInMenuArr[2].src       = "./images/markets_in.gif";
	imgInOverMenuArr[2]       = new Image();
	imgInOverMenuArr[2].src   = "./images/markets_open.gif";
	imgOpenMenuArr[2]         = new Image();
	imgOpenMenuArr[2].src     = "./images/markets_open.gif";
	imgOutMenuArr[2]          = new Image();
	imgOutMenuArr[2].src      = "./images/markets_out.gif";
	imgInMenuArr[3]           = new Image();
	imgInMenuArr[3].src       = "./images/aboutinpower_in.gif";
	imgOpenMenuArr[3]         = new Image();
	imgOpenMenuArr[3].src     = "./images/aboutinpower_open.gif";
	imgInOverMenuArr[3]       = new Image();
	imgInOverMenuArr[3].src   = "./images/aboutinpower_open.gif";
	imgOutMenuArr[3]          = new Image();
	imgOutMenuArr[3].src      = "./images/aboutinpower_out.gif";
	imgInMenuArr[4]           = new Image();
	imgInMenuArr[4].src       = "./images/literature_in.gif";
	imgInOverMenuArr[4]       = new Image();
	imgInOverMenuArr[4].src   = "./images/literature_open.gif";
	imgOpenMenuArr[4]         = new Image();
	imgOpenMenuArr[4].src     = "./images/literature_open.gif";
	imgOutMenuArr[4]          = new Image();
	imgOutMenuArr[4].src      = "./images/literature_out.gif";
	imgInSidelink              = new Image();
	imgInSidelink.src          = "./images/arrow-small.png";
	imgOutSublink             = new Image();
	imgOutSublink.src         = "./images/1ptrans.png";
}

var inMenu = 0;
var inSubMenu = 0;
var areSubMenusAligned = false;
var selectedMenu = 0;
function jsInMenu(menuNum, selectedNum)  { inMenu = menuNum; selectedMenu = selectedNum; setTimeout("jsShowMenu(" + menuNum + ");", 10); }
function jsOutMenu(menuNum)              { if (inMenu == menuNum) inMenu = 0; setTimeout("jsShowMenu(" + menuNum + ");", 10); }
function jsInSubMenu(menuNum)            { inSubMenu = menuNum; setTimeout("jsShowMenu(" + menuNum + ");", 10); }
function jsOutSubMenu(menuNum)           { if (inSubMenu == menuNum) inSubMenu = 0; setTimeout("jsShowMenu(" + menuNum + ");", 10); }
function jsShowMenu(menuNum)    {
	if ( ! areSubMenusAligned )   jsAlignSubMenus();
	if ( ! areSubMenusAligned )   return;
	var img = document.getElementById("tab" + menuNum);
	var sub = document.getElementById("sub" + menuNum);
	if (inMenu == menuNum)   {
		img.src = imgInOverMenuArr[menuNum].src;
		sub.style.display = "block";
	}
	else if (inSubMenu == menuNum)   {
		img.src = imgOpenMenuArr[menuNum].src;
		sub.style.display = "block";
	}
	else   {
		if ( selectedMenu != menuNum )
			img.src = imgOutMenuArr[menuNum].src;
		else
			img.src = imgInMenuArr[menuNum].src;
		sub.style.display = "none";
	}
}

function jsAlignSubMenus() {
	if ( areSubMenusAligned )   return;
	for ( var i = 1; i <= 4; i ++ )   {
		var o;
		if ( ( o = document.getElementById('tab' + i) ) == null )   return;
		var x = 0, y = 0;
		do   {
			x += o.offsetLeft;
			y += o.offsetTop;
			o = o.offsetParent;
		}
		while ( o != null );
		if ( ( o = document.getElementById('sub' + i) ) == null )   return;
		o.style.left = x;
		o.style.top = y + 37;
	}
	areSubMenusAligned = true;
}

function jsInSidelink(imgNum)   { 
	document.getElementById("sublink" + imgNum).src = imgInSidelink.src;
}
	
function jsOutSublink(imgNum)   { 
	document.getElementById("sublink" + imgNum).src = imgOutSublink.src;
}
	
function jsOnLoad() {
	jsAlignSubMenus();
}

function jsOnResize() {
	areSubMenusAligned = false;
	jsAlignSubMenus();

	//IE only - sometimes the resize hasn't fully happened when the event fires and the menu doesn't quite position right.  Do it again
	setTimeout("areSubMenusAligned = false; jsAlignSubMenus();", 100);
}
