function setArea(tabnum, from, to) {
	aArea[tabnum] = new Array();
	aArea[tabnum][0] = from;
	aArea[tabnum][1] = to;
}

function roMap(tabnum, bIsMouseOver) {
	var objNOver;
	if (aArea[tabnum] == null) return;
	if (!ver4) return;
	
	if (is_DOM) objNOver = document.getElementById("dNavOver").style;
	else if (is_ie4up) objNOver = document.all.dNavOver.style;
	else objNOver = document.dNavOver;

	if (!bIsMouseOver) {
		objNOver.visibility = "hidden";
		return;
	}
	clLeft = aArea[tabnum][0];
	clRight = aArea[tabnum][1];
	if (is_nav4) {
		objNOver.clip.left = clLeft;
		objNOver.clip.right = clRight;
	} else objNOver.clip = "rect(" + clTop + " " + clRight + " " + clBot + " " + clLeft + ")";
	objNOver.visibility = "visible";
}

function clickMap(tabnum) {
	var objN; 
	if (aArea[tabnum] == null) return;
	if (!ver4) return;
	if (is_DOM) objN = document.getElementById("dNavOn").style;
	else if (is_ie4up) objN = document.all.dNavOn.style;
	else objN = document.dNavOn;

	clLeft = aArea[tabnum][0];
	clRight = aArea[tabnum][1];

	if (is_nav4) {
		objN.clip.left = clLeft; 
		objN.clip.right = clRight;
	} else {
		objN.clip = "rect(" + clTop + " " + clRight + " " + clBot + " " + clLeft + ")";
	}
	objN.visibility = "visible";
}

function setSubNav(parent, nav_item) {
	var parent_idx = -1;
	var aNavInfo = nav_item.split("|");
	
	for (var idx=0; idx<aSubNav.length; idx++) {
		if (aSubNav[idx].code == parent) parent_idx = idx;
	}
	if (parent_idx == -1) {
		aSubNav.push(new objSubNav(parent));
		parent_idx = aSubNav.length-1;
	}
	aSubNav[parent_idx].items.push(new objSubNavItem(aNavInfo[0], aNavInfo[1]));
}

function objSubNav(parent_code) {
	this.code = parent_code;
	this.items = new Array();
}

function objSubNavItem(label, url) {
	this.label = label;
	this.url = url;
}

var defaultSiteLeft;
var bSetDefaultFirst = true;
function showSubNav(parent) {
	sMainNavOver = parent;
	var s = "";
	//alert('showSubNav('+parent+'): '+aSubNav.length);
	for (var i=0; i<aSubNav.length; i++) {
		if (aSubNav[i].code == parent) {
			for (var j=0; j<aSubNav[i].items.length; j++) {
				s += "<li><a href=\""+aSubNav[i].items[j].url+"\">"+aSubNav[i].items[j].label+"</a></li>";
			}
			sSubNavOn = parent;
			document.getElementById("dNavSub").innerHTML = "<ul>"+s+"</ul>";
		}
	}
	var leftpos = "";
	
	if (bSetDefaultFirst) {
		defaultSiteLeft = document.getElementById("dNavSub").offsetLeft;
		bSetDefaultFirst = false;
	}
	document.getElementById("dNavSub").style.left = defaultSiteLeft + 'px';
	switch(parent){
		case "espace":
			leftpos = document.getElementById("dNavSub").offsetLeft + 200 +'px';
			break;
		default:
			//leftpos = 62+'px';
			break;			
	}
	if (leftpos!="") {
		document.getElementById("dNavSub").style.left = leftpos;
	} 
	
	/**
	switch(parent){
		case "espace":
			leftpos = 263+'px';
			break;
		default:
			leftpos = 62+'px';
			break;			
	}
	
	document.getElementById("dNavSub").style.left = leftpos;	**/
	setTimeout("hideSubNav()", 300);
}

function hideSubNav() {
	if ((sMainNavOver != sSubNavOn) && !bSubNavOver) {
		document.getElementById("dNavSub").innerHTML = "";
	} else {		
		setTimeout("hideSubNav()", 300);
	}
}

function generateNav() {
	var out = '<div id="dNavUp"><img src="/pics/nav/nav.png" width="850" height="16" usemap="#navmap" border="0"></div>';
	out += '<div id="dNavOver"><img src="/pics/nav/nav_over.png" usemap="#navmap" width="850" height="16" border="0"></div>';
	out += '<div id="dNavOn"><img src="/pics/nav/nav_over.png" usemap="#navmap" width="850" height="16" border="0"></div>';
	out += '<map name="navmap">';
	out += '<area shape="rect" coords="1,0,172,16" onMouseOver="roMap(1,true);showSubNav(\'touchclub\');"';
	out += ' onMouseOut="roMap(1,false);sMainNavOver=\'\';" alt="Biotherm In Touch Club">';
	out += '<area shape="rect" coords="173,0,274,16" onMouseOver="roMap(2,true);showSubNav(\'espace\');"';
	out += ' onMouseOut="roMap(2,false);sMainNavOver=\'\';" alt="eSPAce">';		
	//out += '<area shape="rect" coords="173,0,274,16" onMouseOver="roMap(2,true)" onMouseOut="roMap(2,false)" href="/espace.html" alt="eSPAce">';
	out += '<area shape="rect" coords="275,0,416,16" onMouseOver="roMap(3,true)" onMouseOut="roMap(3,false)" href="/retailloc.html" alt="Retail Locations">';
	//out += '<area shape="rect" coords="417,0,525,16" onMouseOver="roMap(4,true)" onMouseOut="roMap(4,false)" href="/feedback/index.asp" alt="Feedback">';
	//out += '<area shape="rect" coords="526,0,625,16" onMouseOver="roMap(5,true)" onMouseOut="roMap(5,false)" href="/subscribe/index.html" alt="Subscribe">';
	out += '<area shape="rect" coords="660,0,740,16" onMouseOver="roMap(6,true)" onMouseOut="roMap(6,false)" href="/promotions.html" alt="Promotions">';
	out += '<area shape="rect" coords="750,0,850,16" onMouseOver="roMap(7,true)" onMouseOut="roMap(7,false)" href="/formen.html" alt="For Mem">';
	out += '</map>';
	out += '<div id="dNavSub" onMouseOver="bSubNavOver=true;" onMouseOut="bSubNavOver=false;"></div>';
	document.getElementById("navcontainer").innerHTML = out;
	document.getElementById("dNavUp").style.left = offsetLeft;
	document.getElementById("dNavOver").style.left = offsetLeft;
	document.getElementById("dNavOn").style.left = offsetLeft;
	document.getElementById("dNavSub").style.left = offsetLeft;
	document.getElementById("logocontainer").style.visibility = "visible";
	document.getElementById("navcontainer").style.visibility = "visible";
}

var aSubNav = new Array();
var sMainNavOver = "";
var bSubNavOver = false;
var sSubNavOn = "";
setSubNav("touchclub", "Introduction|/btc/index.html");
//setSubNav("touchclub", "Member Login|/btc/login.html");
setSubNav("touchclub", "Member Login|http://www.biotherm.com.my/intouch/");
setSubNav("touchclub", "Rewards|/btc/rewards.html");
setSubNav("touchclub", "FAQs|/btc/faq.html");
setSubNav("touchclub", "Terms & Conditions|/btc/tnc.html");
setSubNav("espace", "Concept|/espace/concept.html");
setSubNav("espace", "Our Guarantee|/espace/introduction.html");
setSubNav("espace", "Treatment|/espace/treatment.html");
setSubNav("espace", "Feedback|/feedback/index.asp");
if (ver4) {
	aArea = new Array()
	setArea(1,1,172);
	setArea(2,173,274);
	setArea(3,275,416);
	setArea(4,417,525);
	setArea(5,526,625);
	setArea(6,660,740);
	setArea(7,750,850);
}
clTop = 0;
clBot = 16;