var topNaviR = new Image();
topNaviR.src = "/images/top_NaviR.gif";

var topNaviL = new Image();
topNaviL.src = "/images/top_NaviL.gif";

var topNaviRhover = new Image();
topNaviRhover.src = "/images/top_NaviR_hover.gif";

var topNaviLhover = new Image();
topNaviLhover.src = "/images/top_NaviL_hover.gif";

var topNaviLSub = new Image();
topNaviLSub.src = "/images/top_NaviLSub.gif";

var topNaviRSub = new Image();
topNaviRSub.src = "/images/top_NaviRSub.gif";

var dropDownbgOver = new Image();
dropDownbgOver.src = "/images/dropDown-bgOver.gif";

var selDropDownbgOver = new Image();
selDropDownbgOver.src = "/images/seldropDown-bgOver.gif";

var searchBtnOver = new Image();
searchBtnOver.src = "/images/searchBtnOver.gif";


var btnLeft = new Image();
btnLeft.src = "/images/btnLeft-N.gif";

var btnLeftOver = new Image();
btnLeftOver.src = "/images/btnLeft-O.gif";

var btnRight = new Image();
btnRight.src = "/images/btnRight-N.gif";

var btnRightOver = new Image();
btnRightOver.src = "/images/btnRight-O.gif";

function findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) 	{
		while (obj.offsetParent) {
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x) {
		curleft += obj.x;
	}
	return curleft;
}

function findPosY(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		while (obj.offsetParent) {
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y) {
		curtop += obj.y;
	}
	return curtop;
}


function initMenu(){
	var menuObj = document.getElementById('menu');
	
	for(var i=0;i<menuObj.childNodes.length;i++){
		var tagName = menuObj.childNodes[i].tagName;
		if(tagName && tagName=='LI'){
			var nodeObj = menuObj.childNodes[i];
			for(var xi =0;xi < nodeObj.childNodes.length;xi++){
				tagName = nodeObj.childNodes[xi].tagName;
				if(tagName=='UL'){
					var ulObj = nodeObj.childNodes[xi];
					var innerliObj = ulObj.childNodes[0];
					if(innerliObj.className=='topNavi'){
						
						var leftNodeObj = innerliObj;
						var middNodeObj = innerliObj.nextSibling;
						var rightNodeObj = middNodeObj.nextSibling;
						
						middNodeObj.style.lineHeight = (navigator.userAgent.indexOf('MSIE') > -1) ? "27px" : "24px";
						
						ulObj.onmouseover = function(e){
							menuMouseOver(this.childNodes[0]);
						}
						
						ulObj.onmouseout = function(e){
							menuMouseOut(this.childNodes[0]);
						}
					}
				}
			}
		}
	}
}

function menuMouseOver(Obj){
	
	var midNode = Obj.nextSibling;
	if(Obj.className=='leftImgOver'){
		Obj.noMouseOut = true;
	}
	if(Obj.nextSibling.nextSibling.className.indexOf('DownImg') < 0){
 		//Obj.style.backgroundImage = "url('"+ topNaviLhover.src +"')";
		Obj.className = "leftImgOver";
		midNode.style.backgroundColor = "#103e63";
		midNode.style.cursor = "pointer";
		midNode.childNodes[0].style.color = "#ffffff";
		midNode.nextSibling.className = 'rightImgOver';
// 		midNode.nextSibling.style.backgroundImage = "url('" + topNaviRhover.src + "')";
	}else{
		midNode.nextSibling.className = (midNode.previousSibling.className!='leftImgOver') ? 'dropDownImgOver' : 'selDropDownImgOver';
	}
	
	if(midNode.childNodes.length > 1){
		var subNode = midNode.childNodes[1];
		subNode.className = subNode.className.replace(/hiddendiv/g, 'visiblediv');
		var posY = findPosY(midNode.nextSibling);
		
		if(midNode.nextSibling.className.indexOf('DownImg') > -1){
			var posX = findPosX(midNode.nextSibling);
			posX = parseInt(posX - subNode.offsetWidth + 27)  + 'px';
			posY = parseInt(posY + 28)  + 'px';
		}else{
			if(midNode.previousSibling.className=='leftImgOver'){
				midNode.previousSibling.prevClassName = midNode.previousSibling.className;
			}
			midNode.previousSibling.style.backgroundImage = "url('"+ topNaviLSub.src +"')";
			midNode.nextSibling.style.backgroundImage = "url('"+ topNaviRSub.src +"')";
			var posX = findPosX(midNode.previousSibling);
			posX = parseInt(posX)  + 'px';
			posY = parseInt(posY + 28)  + 'px';
		}
 		positionMenu(posX,posY,subNode);
	}
}

function menuMouseOut(Obj){
	var midNode = Obj.nextSibling;
	if(midNode.childNodes.length > 1){
		var subNode = midNode.childNodes[1];
		subNode.className = subNode.className.replace(/visiblediv/g,'hiddendiv');
	}
	
	if(Obj.nextSibling.nextSibling.className.indexOf('DownImg') < 0 && Obj.nextSibling.nextSibling.className=='rightImgOver' && !Obj.noMouseOut){
		//Obj.style.backgroundImage = "url('"+ topNaviL.src +"')";
		Obj.className = "leftImg";
		midNode.style.backgroundColor = "#eeeeee";
		midNode.childNodes[0].style.color = "#133c58";
		midNode.nextSibling.className = 'rightImg';
		//midNode.nextSibling.style.backgroundImage = "url('"+ topNaviR.src +"')";
		
	}else{
		if(Obj.nextSibling.nextSibling.className!='rightImgOver'){
			midNode.nextSibling.className = 'dropDownImg';
			midNode.nextSibling.className = (midNode.previousSibling.className!='leftImgOver') ? 'dropDownImg' : 'selDropDownImg';
		}
	}
	
	if(midNode.previousSibling.prevClassName){
		midNode.previousSibling.style.backgroundImage = "url('"+ topNaviLhover.src +"')";
		midNode.nextSibling.style.backgroundImage = "url('" + topNaviRhover.src + "')";
	}
}

function positionMenu(x,y,Obj){
	Obj.style.left = x;
	Obj.style.top = y;
}

function cleanWhitespace(node) {
	var notWhitespace = /\S/;
	for(var i=0;i<node.childNodes.length; i++) {
		var childNode = node.childNodes[i];
		if ((childNode.nodeType == 3)&&(!notWhitespace.test(childNode.nodeValue))) {
			node.removeChild(node.childNodes[i]);
			i--;
		}
		if(childNode.nodeType == 1) {
			cleanWhitespace(childNode);
		}
	}
}

function calendarBtnOver(obj){
	if(obj){
		cleanWhitespace(obj);
		var leftImg = obj.childNodes[0].childNodes[0];
		leftImg.src = btnLeftOver.src;
		
		var midObj = obj.childNodes[1].childNodes[0];
		midObj.className = midObj.className.replace(/blue/g, 'white');
		midObj.className = midObj.className.replace(/nxtbtnbg/g, 'bgBlue');

		var rightImg = obj.childNodes[2].childNodes[0];
		rightImg.src = btnRightOver.src;
	}
}

function calendarBtnOut(obj){
	if(obj){
		var leftImg = obj.childNodes[0].childNodes[0];
		leftImg.src = btnLeft.src;
		
		var midObj = obj.childNodes[1].childNodes[0];
		midObj.className = midObj.className.replace(/white/g, 'blue');
		midObj.className = midObj.className.replace(/bgBlue/g, 'nxtbtnbg');
		
		
		var rightImg = obj.childNodes[2].childNodes[0];
		rightImg.src = btnRight.src;
	}
}

function overSubmenu(obj){
	obj.onclick = function(e){
		location.href = this.childNodes[0].href;
	}
	obj.childNodes[0].style.color = "#ffffff";
}

function outSubmenu(obj){
	obj.childNodes[0].style.color = "#0f3773";
	obj.childNodes[0].style.fontSize = "14px";
	obj.childNodes[0].style.fontWeight = "bold";
}


var spacerImg = new Image();
spacerImg.src = '/images/spacer.gif';

var leftOverImg = new Image();
leftOverImg.src = '/images/top_leftNaviHover.gif';

var rgtOverImg = new Image();
rgtOverImg.src = '/images/top_rightNaviHover.gif';

pic1= new Image(); 
pic1.src="/webImages/cost_hover.gif";

pic2= new Image(); 
pic2.src="/webImages/riskMgtHover.gif";

var browser=navigator.appName;


function showSubDiv(divobj, sublevel){
	if(sublevel == 1){
		document.getElementById('sublevel_'+ divobj).className = 'visiblediv';
	}
	document.getElementById('lmenu_'+ divobj).src = leftOverImg.src;
	document.getElementById('rmenu_'+ divobj).src = rgtOverImg.src;
 	document.getElementById('link_'+ divobj).className = 'left naviHover';
}
function hideSubDiv(divobj, sublevel, showlevel){
	if(sublevel == 1){
		document.getElementById('sublevel_'+ divobj).className = 'hiddendiv';
	}
	if(showlevel != 1){
		document.getElementById('lmenu_'+ divobj).src = spacerImg.src;
		document.getElementById('rmenu_'+ divobj).src = spacerImg.src;
		document.getElementById('link_'+ divobj).className = 'left naviNormal';
	}
}