var ref=window.document.getElementById('navi');
var lTop=ref.offsetTop;
var lLeft=ref.offsetLeft; 
    while(ref=ref.offsetParent){ lTop+=ref.offsetTop; lLeft+=ref.offsetLeft; } 
    lTop+=5;

if (document.images) {
    var deco1 = new Image();
    deco1.src = "/res/navi/deco1.gif";
    var deco2 = new Image();
    deco2.src = "/res/navi/deco2.gif";
}

var d = '^'; var objTR; var v = 'visible'; var h = 'hidden';
var sbc='#ccccff'; var hbc='#9999cc';
var mainh=20;   var mainw=160;
var subw=150;
var substy='Position:absolute;left:'+(lLeft+mainw)+'px;visibility:hidden;width:'+subw+'px;z-index:100;';
var mainsty='Position:absolute;left:'+lLeft+'px;visibility:visible;width:'+mainw+'px;height:'+mainh+'px;z-index:100;';
// Definition of the main menu
var varRM = new Array('About Us' + d + '/about/aboutus.asp',
					  'Activities'+d+'/act/act.asp',
					  'Members' + d + '/mem/memgeneral.asp',
                      'Info Center' + d + '/news/infocenter.asp',
					  'Job Opportunities'+d+'/vacancies/international.asp',
					  'SHP Links' + d + '/links.asp',
					  'Contact Us' + d + '/contact.asp');	
	// Don't touch this Array - it must be at the begining
var varSM0 = new Array();
	// Sub Menu array's
var varSM1 = new Array('Introduction'+d+'/about/introduction.asp',
					   'History' + d + '/about/history.asp',
					   'Institutional Establishments'+d+'/about/insest.asp',
					   'Organization' + d + '/about/organization.asp',
					   'Headquarters'+d+'/about/headqt.asp',
					   'Guiding Principles'+d+'/about/gp.asp',
					   'Contact'+d+'/contact.asp');
var varSM2 = new Array('Individual Projects'+ d + '/act/individualPro.asp',
					   'Governmental Programmes'+ d + '/act/offiPro.asp',
					   'Information Exchange'+ d + '/act/info.asp',
					   'Conferences'+ d + '/act/conference.asp',
					   'Training'+ d + '/act/train.asp',
					   'Consultation'+ d + '/act/consultation.asp',
					   'IN-SHP in the Host Country' + d + '/act/stohost.asp');
var varSM3 = new Array('Current Members'+ d + '/mem/memlist.asp',
					   'Role of Members'+d+'/mem/memrole.asp',
					   'Service to Members'+ d + '/mem/membef.asp',
					   'Membership Application'+ d + '/mem/memapp.asp') ;
var varSM4 = new Array('Global SHP News' + d + '/news/abroad.asp?pageno=1',
					   'China SHP News' + d + '/news/home.asp?pageno=1',
					   'IN-SHP News' + d + '/news/center.asp?pageno=1',
					   'Newsletter Archive' + d + '/newsletter/list.asp',
					   'Forthcoming Events' + d + '/news/events.asp'); 
var varSM5 = new Array();
var varSM6 = new Array();
var varSM7 = new Array();
	// Add any new menu array's must be added here also
var varMA = new Array(varSM0, varSM1, varSM2, varSM3, varSM4, varSM5, varSM6, varSM7);

function dW(s)
{    document.write(s);
}

function dW1(s)
{   s=s.replace(/</g,"£¼");
    s=s.replace(/>/g,"£¾");
	document.write(s+'<br>');
}

function rTxt(s){
  return s.substr(0, s.indexOf(d));
}

function rURL(s){
  return s.substr((s.indexOf(d) + d.length), (s.length - (s.indexOf(d) + d.length)));		
}

function rRef(id){
  return window.document.getElementById(id);
}

function writeRootMenus(){
    var sAClass; var sBGColor; 
	var sOver; var sOut; 
	var strdeco;
    for (var i = 0; i < varRM.length; i++){
         var ai='slot'+(i+1);
	 if ((i + 1) == lSubItem){
		sAClass = 'MainMenuSelected';
		sBGColor = hbc;
		sOver = '';
		sOut = '';
		strdeco='/res/navi/deco2.gif';
	 }
	else{   
	    sAClass = 'MainMenu';
		sBGColor = sbc;
		sOver = 'showSub(' + (i + 1) + ');';
		sOut = 'hideSub(' + (i + 1) + ');';
		strdeco='/res/navi/deco1.gif';
	}		
	dW('<div id="pmnu' + (i + 1) +'" onMouseOver="' + sOver + '" onMouseOut="' + sOut +'" Style="'+mainsty+'top:' + lTop + 'px;">');
	dW('<table border="0" width="100%" cellpadding="0" cellspacing="0">');
	dW('<tr height="'+mainh+'px" bgcolor="' + sBGColor + '" onMouseOver="setObjTR(this);this.bgColor=\''+hbc+'\';document.'+ai+'.src=deco2.src;" onMouseOut="this.bgColor=\'' + sBGColor + '\';document.'+ai+'.src=\''+strdeco+'\';">');
	dW('<td><img name="'+ai+'" src="'+strdeco+'" width="20px" height="20px"></td>');
	dW('<td width="100%"><a href="' + rURL(varRM[i]) + '" onmouseout="this.className=\'' + sAClass + '\'" onmouseover="this.className=\'MainMenuSelected\'" class="' + sAClass + '">');
	dW(rTxt(varRM[i]));
	dW('</a></td></tr></table></div>');
	lTop+=20;
        if ((i+1)==lSubItem) {
           writeSubMenu(varMA[lSubItem]);
        }
     }
	 
	 setpos();
}
          
function setObjTR(obj){
     objTR = obj;
}

function keepObjTR(){
   objTR.bgColor = hbc; 
}

function restoreObjTR(){
   objTR.bgColor = sbc;  
}	

function writeSubMenu(varItem){
     if (varItem.length > 0){
	dW('<div Style="Position:absolute;top:' + lTop + 'px;left:'+lLeft+'px;visibility:visible;width:'+mainw+'px;z-index:100;">');
	dW('<table border="0" cellpadding="0" cellspacing="0" width="'+mainw+'px"><tr bgColor="#ffffff"><td>&nbsp</td><td><table align="right" width="144px" border="0px" cellpadding="0" cellspacing="0">');
	for(var i = 0; i< varItem.length; i++){
		dW('<tr height="17px" bgcolor="'+hbc+'">');
		dW('<td');
		dW('><a href="' + rURL(varItem[i]) + '" onmouseout="this.className=\'MainMenu\'" onmouseover="this.className=\'MainMenuSelected\'" class="MainMenu">');
	        dW('&nbsp;&nbsp;&nbsp;&nbsp;');
	        dW(rTxt(varItem[i]));
		dW('</a>');
		dW('</td></tr>');
	    	lTop += 17;
	}
	dW('</table></td></tr></table>');
	dW('</div>');
      }
}

function writeHiddenMenus(){
var sOver; var sOut;  
for(var iRC = 0; iRC < varMA.length; iRC++){
     var varItems = varMA[iRC]; var sAClass;
     if (varItems.length>0) {
     sOver = 'keepObjTR();document.slot'+iRC+'.src=deco2.src;showSub(' + iRC + ');';
     sOut = 'restoreObjTR();document.slot'+iRC+'.src=deco1.src; hideSub(' + iRC + ');';
     
     dW('<div id="submnu' + iRC +'" onMouseOver="' + sOver + '" onMouseOut="' + sOut + '" Style="'+substy+'">');
     dW('<table width="'+subw+'px" border="0" cellpadding="0" cellspacing="0" align="LEFT" vspace="0" hspace="0">');
     for(var i = 0; i < varItems.length; i++){
        dW('<tr height="'+mainh+'px">');
        var col;
        if (i!=0) {
        col=''; 	
        dW('<td bgcolor="#ffffff"><img src="1.gif" width="2px" border="0px"></td>'); 
        }
        else { col='colspan=2'; }
	dW('<td '+col+' bgcolor="'+hbc+'"><a href="' + rURL(varItems[i]) + '" onmouseout="this.className=\'MainMenu\'" onmouseover="this.className=\'MainMenuSelected\'" class="MainMenu">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + rTxt(varItems[i]) + '</a></td>');										
	dW('</tr>');
        }
    dW('</table></div>');
    }
}			
}

function setpos()
{  var obj = rRef('forum5');
   obj.style.top=lTop+5;
   obj.style.left=lLeft;
   obj.style.visibility=v;
   lTop+=110;
   obj=rRef('cc meeting');
   obj.style.top=lTop+5;
   obj.style.left=lLeft;
   obj.style.visibility=v;
   obj=rRef('seminar');
   obj.style.top=lTop+115;
   obj.style.left=lLeft;
   obj.style.visibility=v;
   obj=rRef('intro');
   obj.style.top=lTop+225;
   obj.style.left=lLeft;
   obj.style.visibility=v;
   obj = rRef('cdm');
   obj.style.top=lTop+363;
   obj.style.left=lLeft;
   obj.style.visibility=v;
}

function showSub(lID){
      var objPar = rRef('pmnu'+lID);
      var lT = parseInt(objPar.style.top); 
      if (varMA[lID].length>0) {	
	var obj = rRef('submnu' + lID);			
	obj.style.top = lT;
	obj.style.visibility = v;
      }	
}

function hideSub(lID){
      if (varMA[lID].length>0) {	
           var obj = rRef('submnu' + lID);
	   obj.style.visibility = h;
	}	
}