//get the x, y coordinate of the object
function getDim(el){
	for (var lx=0,ly=0;el!=null;
		lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
	return {x:lx,y:ly}
}

//move the layer position
function moveDivs(layerObj, inObjTop){
	layerObj.top = inObjTop;
	layerObj.left = leftMenuWidth;
} 

//mouse over function for first level layer
function layerMouseOver(obj,layerObj)
{
var firstLayer = "";
var targetImage = "";
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) <= 4))
{
	firstLayer = document.layers[layerObj].document;
	targetImage = firstLayer.images[obj];
	if (document.images){targetImage.src = locationPath+"images/layer/" + obj + leftMenuSectionImageOver;}
}
else
{if (document.images){eval("document.images." + obj + ".src = '"+locationPath+"images/layer/" + obj + leftMenuSectionImageOver +"'");}}
}

//mouse out function for first level layer
function layerMouseOut(obj,layerObj)
{
var firstLayer = "";
var targetImage = "";
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) <= 4))
{
	firstLayer = document.layers[layerObj].document;
	targetImage = firstLayer.images[obj]
	if (document.images){targetImage.src = locationPath+"images/layer/" + obj + leftMenuSectionImageOut;}
}
else
{if (document.images){eval("document.images." + obj + ".src = '"+locationPath+"images/layer/" + obj + leftMenuSectionImageOut +"'");}}
}


function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

//show the second level layer menu and highlight the first level left menu button
function doShowMenu(imgName)
{
var temp1 = leftMenuCommonImageName + selectedSection;

	//if(mainTopic != imgName && !leftMenuFlag)
	if(!leftMenuFlag)
	{
		if (temp1 == imgName){
//		document.images[imgName].src=document.images[imgName].src.replace(leftMenuSectionImageOver, leftMenuSectionImageOver)
		leftMenuFlag = true;}
		else{
		document.images[imgName].src=document.images[imgName].src.replace(leftMenuSectionImageOut, leftMenuSectionImageOver)
		leftMenuFlag = true;}
	}
	if (!firstLayerFlag)
	{
		MM_showHideLayers(imgName + "_layer",'','show');
		firstLayerFlag=true;
	}
	activeLeftMenuID = imgName;
}

//mouse over function for first level left menu and second level layer
function leftMenuMouseOver(imgName) {
	if (activeLeftMenuID == imgName)
	{
		if (firstLayerTimerID) clearTimeout(firstLayerTimerID);
		firstLayerTimerID = null;
	}
	else
	{
		if (firstLayerTimerID) clearTimeout(firstLayerTimerID);
		firstLayerTimerID = null;
		if (activeLeftMenuID!=""){doHideMenu(activeLeftMenuID);}
		doShowMenu(imgName)	
	}
}

//hide the second level layer menu and cancel highlight the first level left menu button
function doHideMenu(imgName)
{
var temp1 = leftMenuCommonImageName + selectedSection;

	if(true)
	//if(mainTopic != imgName)
	{
	if (temp1 == imgName){
//		document.images[imgName].src=document.images[imgName].src.replace(leftMenuSectionImageOver, leftMenuSectionImageOut)
		leftMenuFlag = false;}
	else{
		document.images[imgName].src=document.images[imgName].src.replace(leftMenuSectionImageOver, leftMenuSectionImageOut)
		leftMenuFlag = false;}
	}
	if (firstLayerFlag)
	{
		MM_showHideLayers(imgName + "_layer",'','hide')
		firstLayerFlag=false;
	}
	activeLeftMenuID = "";
}

//mouse out function for first level left menu and second level layer
function leftMenuMouseOut(imgName) {
	if (activeLeftMenuID == imgName)
	{
		firstLayerTimerID = setTimeout("doHideMenu('"+imgName+"')", 500);
	}
	else
	{
		doHideMenu(imgName);
	}
}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}



function genLayer()
{

	for (var j in arMainTopicImage)
	{
		if (arSubTopicImage[j]!=null)
		{
			arLayer[arLayer.length] = leftMenuCommonImageName+arMainTopicImage[j]
			//Start Layer
			if (document.layers)
			{document.writeln('<layer name='+leftMenuCommonImageName+arMainTopicImage[j]+'_layer top=0 left=0 width=150 height=58 visibility="hide" onMouseOver="leftMenuMouseOver(\''+leftMenuCommonImageName+arMainTopicImage[j]+'\')" onMouseOut="leftMenuMouseOut(\''+leftMenuCommonImageName+arMainTopicImage[j]+'\')">');}
			else
			{document.writeln('<div id="'+leftMenuCommonImageName+arMainTopicImage[j]+'_layer" style="position:absolute; left:0; top:0; width:150; height:58; z-index:2; visibility: hidden"> ');}
			
			//content for Layers
			document.writeln('<table width="100%" border="0" cellspacing="0" cellpadding="0" onMouseOver="leftMenuMouseOver(\''+leftMenuCommonImageName+arMainTopicImage[j]+'\')" onMouseOut="leftMenuMouseOut(\''+leftMenuCommonImageName+arMainTopicImage[j]+'\')">');
			
			
			//for (var k in arSubTopicImage[j])
			for (var k in SubSectionOrder[j])
			{
				var l = SubSectionOrder[j][k]
				document.writeln('<tr valign=top>');
				document.writeln('	<td><a href="'+arSubTopicLink[j][l]+'" onMouseOver="layerMouseOver(\''+leftMenuCommonImageName+arSubTopicImage[j][l]+'\', \''+leftMenuCommonImageName+arMainTopicImage[j]+'_layer\')" onMouseOut="layerMouseOut(\''+leftMenuCommonImageName+arSubTopicImage[j][l]+'\', \''+leftMenuCommonImageName+arMainTopicImage[j]+'_layer\')"><img src="'+locationPath+'images/layer/'+leftMenuCommonImageName+arSubTopicImage[j][l]+leftMenuSectionImageOut+'" alt="'+SubSectionTitle[j][l]+'" border="0" name="'+leftMenuCommonImageName+arSubTopicImage[j][l]+'"></a></td>');
				document.writeln('</tr>');
			}
			document.writeln('</table>');
			
			//Close Layer
			if (document.layers)
			{document.writeln('</layer>');}
			else
			{document.writeln('</div>');}
		}
	}

}



/********************* Function for set the layer position*********************/	
function setLayerPosition()
{
	for (var i in arLayer)
	{
			 if (document.all){moveDivs(document.all[arLayer[i]+"_layer"].style, getDim(document.images[arLayer[i]]).y);}
			 if (document.layers){moveDivs(document.layers[arLayer[i]+"_layer"], document.images[arLayer[i]].y);}
			 if (!document.all && document.getElementById) {moveDivs(document.getElementById(arLayer[i]+"_layer").style, document.images[arLayer[i]].y+0);}
	}
}