var Index_page;
var ImgOn;
var ns;
var ie;
var MaxWidth;
var WidthTable;
var leftPos
var HideNow   // for hide the combobox in the page when the munu come on it
var HideMe


var appver
var place
var lstr

var spaceBetweenMenus;


function menuConstants(){
	Index_page=0;
	ns = false;
	ie = false;
	if (document.layers) ns = true;
	if (document.all) ie = true;
	MaxWidth=window.screen.availWidth-42;
	HideMe="No"
	if(ie){
		place=navigator.appVersion.search("M")
		appver=navigator.appVersion.substring(place+5,navigator.appVersion.length)
		lstr=appver.search(";")
		appver=appver.substring(0,lstr)
	}
	
	
}



function writeStyle(i)
{
	
	
	var bodyOffsetWidth 	= document.body.offsetWidth
	var availWidth 		= window.screen.availWidth
	var bodyOffsetLeft 	= document.body.offsetLeft
	var iSubMenuTopPos
	var iParentMenuWidth	= menus[i].Width;
	var iTableMenuLeft 	= document.getElementById("menuTable").offsetLeft
	var iParentMenuLeft 	= document.getElementById("menuS"+i).offsetLeft
	var iSubMenuWidth 	= eval("subMenu"+i+"[0]").Width
	var iBodyOffset 	= parseInt((document.body.offsetWidth - window.screen.availWidth))//\*document.body.offsetWidth/window.screen.availWidth);
	var iClientWidth = document.body.clientWidth
	var iScrollWidth = document.body.scrollWidth
	//-----------------------------------------
	var iSubMenuLeftPos 	= Math.max(parseInt(iParentMenuLeft) + (parseInt(iParentMenuWidth) - parseInt(iSubMenuWidth)) + iTableMenuLeft,0);
	

	//var iSubMenuLeftPos 	= iBodyOffset +12 + iTableMenuLeft + parseInt(iParentMenuLeft) + parseInt(iParentMenuWidth) - parseInt(iSubMenuWidth)
	//alert("window.screen.availWidth="+window.screen.availWidth)
	//alert("document.body.offsetWidth="+document.body.offsetWidth)
	
	/*
	alert(i+"]\n\
		window.screen.availWidth="+window.screen.availWidth+"\n\
		document.body.offsetWidth="+document.body.offsetWidth+"\n\
		bodyOffsetLeft="+bodyOffsetLeft+"\n\
		iTableMenuLeft="+iTableMenuLeft+"\n\
		iParentMenuWidth="+iParentMenuWidth+"\n\
		iParentMenuLeft="+iParentMenuLeft+"\n\
		iParentMenuWidth="+iParentMenuWidth+"\n\
		iSubMenuWidth="+iSubMenuWidth+"\n\
		iBodyOffset="+iBodyOffset+"\n\
		iClientWidth="+iClientWidth+"\n\
		iScrollWidth="+iScrollWidth+"\n\
		iSubMenuLeftPos="+iSubMenuLeftPos)
	*/
	//alert(document.getElementById("menuTable").offsetWidth)
	var theHeight=(ie)? 72 : 72;
	var theLeft = iSubMenuLeftPos;//Math.max(iSubMenuLeftPos,12+iBodyOffset)
	
	//theLeft = iSubMenuLeftPos
	var oStyleSheet = document.styleSheets[0];
	//----------------
	//alert(theLeft)
	oStyleSheet.addRule("#divSubmenu" +i,"position:absolute")
	oStyleSheet.addRule("#divSubmenu" +i,"visibility:hidden")
	oStyleSheet.addRule("#divSubmenu" +i,"left:" + theLeft)
	oStyleSheet.addRule("#divSubmenu" +i,"top:" +theHeight)
	oStyleSheet.addRule("#divSubmenu" +i,"z-index:9")
	//----------------
	
}

//----------------------------------------------
function img_on_off(imgNum,on,i){}

//--------------------------------------------------------
//these two functions are to change the bckground of the table  
function NavRollOver(bgc)
{
	if(ie)	bgc.style.cursor='hand';
	bgc.bgColor="#ff7f02";
}

//this function gets the color of the unique category to show
function NavRollOut(bgc)
{
	if (!bgc.contains(event.toElement)) bgc.bgColor="#8E9087";
}


//--------------------------------------------------------
function showsubmenu(menunum)
{
	
	hidemenus();
	
	if(ns){  // Netscape
		document.layers["divSubmenu"+menunum].visibility="visible"
		document.layers["divHidemenuBottom"].visibility="visible"
		document.layers["dummyHidemenu"].visibility="visible"
		//document.layers["dummyHidemenuFromLeft"].visibility="visible"
		//document.layers["dummyHidemenuFromRight"].visibility="visible"
	}
	else{
		//alert("divSubmenu"+menunum)
		if(document.all["divSubmenu"+menunum]){
		//	alert("divSubmenu"+menunum)
			document.all["divSubmenu"+menunum].style.visibility="visible"
			document.all["divHidemenuBottom"].style.visibility="visible"
			document.all["dummyHidemenu"].style.visibility="visible"
			//document.all["dummyHidemenuFromLeft"].style.visibility="visible"
			//document.all["dummyHidemenuFromRight"].style.visibility="visible"
		}
	}
	
}

function hidemenus()
{
 	// Netscape 
	
	if(ns){
		for(i=0; i < menus.length; i++){
		    if(document.layers["divSubmenu"+i]){
				document.layers["divSubmenu"+i].visibility="hide"
				document.layers["divHidemenuBottom"].visibility="hide"
				document.layers["dummyHidemenu"].visibility="hide"
				//document.layers["dummyHidemenuFromLeft"].visibility="hide"
				//document.layers["dummyHidemenuFromRight"].visibility="hide"
			 }
		 } 
	}
	else{	 
	   for (i=0; i <= menus.length; i++){
	      if(document.all["divSubmenu"+i]){
				document.all["divSubmenu"+i].style.visibility="hidden"
				document.all["divHidemenuBottom"].style.visibility="hidden"
				document.all["dummyHidemenu"].style.visibility="hidden"
				//document.all["dummyHidemenuFromLeft"].style.visibility="hidden"
				//document.all["dummyHidemenuFromRight"].style.visibility="hidden"
			}
		}
	}
	
}

//---------------------------------------------------------------------------
//This function put the first line of the image menu 
function buildBar(num) 
{
	
	menuConstants()
	var menuBar;
	var Href
	ImgOn=num
	menuBar = '<table id="menuTable" cellpadding=0 cellspacing=0 border=0 >'
	menuBar += '<tr>'
	menuBar += '<td onmouseover="javascript:hidemenus()" bgcolor="green"></td>'
	menuBar += '<td onmouseover="javascript:hidemenus()"><img src="/NAV/left_right_dots.gif" border="0"><br></td>'
		for(i=0; i < menus.length; i++){
		menuBar += '<td '
			menuBar += 'id="menus'+i+'" '
			menuBar += 'width="' +menus[i].Width+ '" '
			menuBar += 'align="center" '
		if(menuIndex!=i){
			menuBar += 'class="topMenuOff" '
		}
		else{
			menuBar += 'class="topMenuOver" '
		}
		
		menuBar += ' onclick="'
		menuBar +=		'GoToHref(eval(\'menus['+i+'].url\'))"'
		menuBar += ' onmouseover="'
		menuBar +=		'showsubmenu(' +i+ ');'
		if(menuIndex!=i){
			menuBar +=		'this.className=\'topMenuOver\';'
		}
		menuBar += '"'
		menuBar += ' onmouseout="'
		if(menuIndex!=i){
			menuBar +=		'this.className=\'topMenuOff\';'
		}
		menuBar += '"'
		menuBar += ' nowrap>'
		menuBar +=		menus[i].caption
		menuBar += '</td>'
		// The seperet line between the menu
		if((i+1) < menus.length){
			menuBar += '<td width=1 onmouseover="javascript:hidemenus()">'
			menuBar += '<img src="/NAV/navbar_dots.gif"><br>'
			menuBar += '</td>'
		}
	}
	menuBar += '<td onmouseover="javascript:hidemenus()"><img src="/NAV/left_right_dots.gif" border="0"><br></td>'
	menuBar += '<td width = "5px" onmouseover="javascript:hidemenus()"><br></td>'
	menuBar += '</tr>'
	menuBar += '</table>'
		  
document.write(menuBar);

}
//----------------------------------------------------------------------------
function buildDiv() 
{
	
	var subMenuBars=''
	
	var mainTBLWidth = document.getElementById("mainTBL").offsetWidth//
	
	subMenuBars += '<div id="dummyHidemenu">'
	subMenuBars +=	'<a href="" onmouseover="javascript:hidemenus()">'
	subMenuBars +=		'<img src="/NAV/trans.gif" border="0" width="'+mainTBLWidth+'" height="49">'
	subMenuBars +=	'</a>'
	subMenuBars += '</div>'
	subMenuBars += '<div id="divHidemenuBottom">'
	subMenuBars +=	'<a href="" onmouseover="javascript:hidemenus()">'
	subMenuBars +=		'<img src="/NAV/trans.gif" border="0" width="'+mainTBLWidth+'" height="100%">'
	subMenuBars +=	'</a>'
	subMenuBars += '</div>'
	
	

	WidthTable=document.getElementById("menuTable").offsetWidth;
	//alert('WidthTable='+WidthTable)
	//alert("MaxWidth="+MaxWidth)
	
	var oStyleSheet = document.styleSheets[0];
	//----------------
	oStyleSheet.addRule("#dummyHidemenu","position:absolute")
	oStyleSheet.addRule("#dummyHidemenu","visibility:hidden")
	oStyleSheet.addRule("#dummyHidemenu","left:0")
	oStyleSheet.addRule("#dummyHidemenu","top:0")
	oStyleSheet.addRule("#dummyHidemenu","z-index:8")
	//oStyleSheet.addRule("#dummyHidemenu","border:1px solid orange ")
	//----------------
	oStyleSheet.addRule("#dummyHidemenuFromLeft","position:absolute")
	oStyleSheet.addRule("#dummyHidemenuFromLeft","visibility:hidden")
	oStyleSheet.addRule("#dummyHidemenuFromLeft","left:0")
	oStyleSheet.addRule("#dummyHidemenuFromLeft","top:51")
	oStyleSheet.addRule("#dummyHidemenuFromLeft","z-index:8")
	//oStyleSheet.addRule("#dummyHidemenuFromLeft","border:1px solid green ")
	//----------------
	oStyleSheet.addRule("#dummyHidemenuFromright","position:absolute")
	oStyleSheet.addRule("#dummyHidemenuFromright","visibility:hidden")
	oStyleSheet.addRule("#dummyHidemenuFromright","left:0" +(WidthTable+(MaxWidth-WidthTable)/2))
	oStyleSheet.addRule("#dummyHidemenuFromright","top:51")
	oStyleSheet.addRule("#dummyHidemenuFromright","z-index:8")
	//oStyleSheet.addRule("#dummyHidemenuFromright","border:1px solid purple ")
	//----------------
	oStyleSheet.addRule("#divHidemenuBottom","position:absolute")
	oStyleSheet.addRule("#divHidemenuBottom","visibility:hidden")
	oStyleSheet.addRule("#divHidemenuBottom","left:0")
	oStyleSheet.addRule("#divHidemenuBottom","top:72")
	oStyleSheet.addRule("#divHidemenuBottom","width:" +MaxWidth)
	oStyleSheet.addRule("#divHidemenuBottom","height:470px")
	oStyleSheet.addRule("#divHidemenuBottom","z-index:8")
	//oStyleSheet.addRule("#divHidemenuBottom","border: 1px solid yellow")
	//----------------
	oStyleSheet.addRule(".WitFnt","font-family: arial")
	oStyleSheet.addRule(".WitFnt","color: #ffffff")
	oStyleSheet.addRule(".WitFnt","text-decoration : none")
	oStyleSheet.addRule(".WitFnt","font-size: 11px")
	oStyleSheet.addRule(".WitFnt","cursor:hand")
	try{
	for(i=0; i < menus.length; i++){
		writeStyle(i)
		subMenuBars += '<div id="divSubmenu' +i+ '">'
		subMenuBars +=	'<table width=' +eval("subMenu"+i+"[0].Width")+ ' border="0" cellspacing="0" cellpadding="0" bgcolor="#8E9087">'
		subMenuBars +=		'<tr>'
		subMenuBars +=			'<td>'
		subMenuBars +=				'<table dir="rtl" width=' +eval("subMenu"+i+"[0].Width")+ ' border="0px" cellspacing="0" cellpadding="0" bordercolor="#a5ccff">'
		subMenuBars +=					'<tr>'
		subMenuBars +=						'<td colspan="4" height="1" bgcolor="#ffffff">'
		subMenuBars +=							''
		subMenuBars +=						'</td>'
		subMenuBars +=					'</tr>'
		for(j=0; j < eval("subMenu"+ i +".length"); j++){		
			subMenuBars +=				'<tr bgcolor="#8E9087" onclick=GoToHref(eval("subMenu' +i+ '[' +j+ '].url"))>'
			subMenuBars +=					'<td width="1" bgcolor="#ffffff">'
			subMenuBars +=						'<br>'
			subMenuBars +=					'</td>'
			subMenuBars +=					'<td height="20" class="witFnt" width="100%" id="td' +i+ '" align="right"  onMouseOver=NavRollOver(this); onMouseOut=NavRollOut(this);>'
			subMenuBars +=						'&nbsp;&nbsp;'+eval("subMenu"+ i+ "[j].caption")
			subMenuBars +=					'</td>'
			subMenuBars +=					'<td width="1" bgcolor="#ffffff">'
			subMenuBars +=						'<br>'
			subMenuBars +=					'</td>'
			subMenuBars +=				'</tr>'
			subMenuBars +=				'<tr>'
			subMenuBars +=					'<td colspan="4" height="1" bgcolor="#fffff">'
			subMenuBars +=						''
			subMenuBars +=					'</td>'
			subMenuBars +=				'</tr>'
		}
		
		subMenuBars +=				'</table>'
		subMenuBars +=			'</td>'
		subMenuBars +=		'</tr>'
		subMenuBars +=	'</table>'
		subMenuBars += '</div>'
	//	alert("subMenuBars="+subMenuBars)
	}
	}catch(e){alert(e.description)}
	//document.getElementById("submenusTD").innerHTML = subMenuBars
	document.body.insertAdjacentHTML("beforeEnd",subMenuBars)
}

//-------------------------------------------------------------------------------------------------


function GoToHref(address)
{
	parent.location=address
}

function hideElement(elmID)
{
	
	
	for (i = 0; i < document.all.tags(elmID).length; i++)
	{
		obj = document.all.tags(elmID)[i];
		if (document.all.tags(elmID)[i].id=="HideThis")
			obj.style.visibility = "hidden";
	}
}

function showElement(elmID)
{
	for (i = 0; i < document.all.tags(elmID).length; i++)
	{
		obj = document.all.tags(elmID)[i];
		if (! obj || ! obj.offsetParent)
			continue;
		obj.style.visibility = "";
	}
}