var timer;
var delay = 50;
var bgon = "#dc0000";
var bgoff = "#ffffff";
var bgoff2 = "transparent";
var txton = "#ffffff";
var txtoff = "#666666";
var brdron = "#dc0000";
var brdroff = "#aaaaaa";

function imgOn(imgName) {
	if (document.images) {
		document[imgName].src = eval(imgName + "on.src");
	}
}

function imgOff(imgName) {
	if (document.images) {
		document[imgName].src = eval(imgName + "off.src");
	}
}

function showMenu(x) {
	clearTimeout(timer);
	hideAll();
	document.getElementById(x).style.visibility = "visible";
}

function hideMenu() {
	timer = setTimeout("hideAll();",delay);
}

function hideAll() {
	for (i=0; i<menus.length; i++) {
		tmp = "menu" + i;
		document.getElementById(tmp).style.visibility = "hidden";
	}
}

function jumpTo(url) {
	document.location.href = url;
}

function jumpTo2(url) {
	window.open(url);
}

function rollOn(x) {
	if (navigator.userAgent.indexOf("Firefox")!=-1){
		x.style.cursor = 'pointer';
	}
	else {
		x.style.cursor = 'hand';
	}
	x.style.backgroundColor = bgon;
	x.style.backgroundImage = 'none';
	x.style.color = txton;
	//x.style.borderLeftColor = brdron;
	//x.style.borderRightColor = brdron;
}

function rollOff(x) {
	if (navigator.userAgent.indexOf("Firefox")!=-1){
		x.style.cursor = 'pointer';
	}
	else {
		x.style.cursor = 'hand';
	}
	x.style.backgroundColor = bgoff2;
	x.style.color = txtoff;
	if (x.className!='bottom'){
		x.style.backgroundImage = 'url(/images/dots_nav2.gif)';
	}
	else {
		//alert('bottom!');
		x.style.backgroundImage = 'none';
	}
}

function writeMenus( selectedindex ) {
	if (navigator.platform.indexOf("Mac")!=-1 && navigator.userAgent.indexOf("Firefox")!=-1) {
		// Do nothing.
	}
	else {
		for (i=0; i<menus.length; i++) {
		    if( i == selectedindex )
		        document.write('<div id="menu' + i + '" class="subcon" onmouseover="overlay(\'L' + i + '\', \'menu' + i + '\', \'bottom\');imgOn(\'menu' + i + 'hdr\');" onmouseout="overlayclose(\'menu' + i + '\');"><img src="/images/nav_top_line.gif" width="142" height="1" alt="" border="0" />');
            else
                document.write('<div id="menu' + i + '" class="subcon" onmouseover="overlay(\'L' + i + '\', \'menu' + i + '\', \'bottom\');imgOn(\'menu' + i + 'hdr\');" onmouseout="overlayclose(\'menu' + i + '\');imgOff(\'menu' + i + 'hdr\');"><img src="/images/nav_top_line.gif" width="142" height="1" alt="" border="0" />');       
                
			for (j=0; j<menus[i].length; j++) {
				var item;
				var btm;
				if (j==(menus[i].length-1)) {
					btm = ' class="bottom"';
				} else {
					btm = '';
				}
				if( menus[i][j].url.indexOf("http://www.jnj.com.cn/olympics")!=-1 )
					item = '<div onclick="jumpTo2(\'' + menus[i][j].url + '\');" onmouseover="rollOn(this);" onmouseout="rollOff(this);"' + btm + '><span class="mar20">'+ menus[i][j].title +'</span></div><br />';
				else
					item = '<div onclick="jumpTo(\'' + menus[i][j].url + '\');" onmouseover="rollOn(this);" onmouseout="rollOff(this);"' + btm + '><span class="mar20">'+ menus[i][j].title +'</span></div><br />';
				document.write(item);
			}
			document.write('</div>');
		}
	}
}