function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  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 && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.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 P7_Snap() { //v2.63 by PVII
	var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,tw,q0,xx,yy,w1,pa='px',args=P7_Snap.arguments;a=parseInt(a);
	if(document.layers||window.opera){
 		pa='';
	}
	for(k=0;k<(args.length);k+=4){
 		if((g=MM_findObj(args[k]))!=null){
			if((el=MM_findObj(args[k+1]))!=null){
				a=parseInt(args[k+2]);b=parseInt(args[k+3]);x=0;y=0;ox=0;oy=0;p="";tx=1;
				da="document.all['"+args[k]+"']";
				if(document.getElementById){
					d="document.getElementsByName('"+args[k]+"')[0]";
					if(!eval(d)){
						d="document.getElementById('"+args[k]+"')";
						if(!eval(d)){
							d=da;
						}
					}
				}
				else if(document.all){
					d=da;
				}
				if(document.all||document.getElementById){
					while(tx==1){
						p+=".offsetParent";
						if(eval(d+p)){
							x+=parseInt(eval(d+p+".offsetLeft"));y+=parseInt(eval(d+p+".offsetTop"));
						}
						else{
							tx=0;
						}
					}
					ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);tw=x+ox+y+oy;
					if(tw==0||(navigator.appVersion.indexOf("MSIE 4")>-1&&navigator.appVersion.indexOf("Mac")>-1)){
						ox=0;oy=0;
						if(g.style.left){
							x=parseInt(g.style.left);y=parseInt(g.style.top);
						}
						else{
							w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;
							x=document.body.scrollLeft+event.clientX+bx;y=document.body.scrollTop+event.clientY;
						}
					}
				}
				else if(document.layers){
					x=g.x;y=g.y;q0=document.layers,dd="";
					for(var s=0;s<q0.length;s++){
						dd='document.'+q0[s].name;
						if(eval(dd+'.document.'+args[k])){
							x+=eval(dd+'.left');
							y+=eval(dd+'.top');
							break;
						}
					}
				}
				e=(document.layers)?el:el.style;xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
				if(navigator.appVersion.indexOf("MSIE 5")>-1 && navigator.appVersion.indexOf("Mac")>-1){
					xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);
				}
				e.left=xx+pa;e.top=yy+pa;
			}
		}
	}
}

var firlayerNO = 0;
var sublayerNO = 0;
var imgMenu = 0;
var layerStringHide = '';


function swap(imgID) {
	var im = "imgMenu_"+imgID;
	// alert(im);
	if (document.getElementById(im).src.match(/.*trek_menuplus.gif$/)) {
		document.getElementById(im).src = "/acatalog/trek_menuminus.gif";
	}
	else if (document.getElementById(im).src.match(/.*trek_menuminus.gif$/)) {
		document.getElementById(im).src = "/acatalog/trek_menuplus.gif";
	}
}


function buildLayer(myArray, myArray1, k, prevLayer, count, topLevelSize, i) {
      subIDs = '';
   if (k == 3) {
       firlayerNO++;
       thislayerNO = firlayerNO;
       layerStringHide += "'menuLayer_"+firlayerNO+"','', 'hide',";
   } // end if
   else {
       thislayerNO = prevLayer+"_"+count;
       layerStringHide += "'menuLayer_"+thislayerNO+"','', 'hide',";
   } // end else
         layerStringShow = "'menuLayer_"+firlayerNO+"','', 'show',";
   l = thislayerNO+""; // make into a string in case it's an int
   var p = l.lastIndexOf("_");
   if (p != -1) {
       layerStringShow += "'menuLayer_"+thislayerNO+"','', 'show',";
   }
   while (p > 1) {
       layer = l.substring(0,p);
       layerStringShow += "'menuLayer_"+layer+"','', 'show',";
       p = layer.lastIndexOf("_");
   }
      layerStringShowCut = layerStringShow.substring(0,layerStringShow.length-1); // chop off final comma
   layerStringHideCut = layerStringHide.substring(0,layerStringHide.length-1); // chop off final comma
   // var im = eval('image_'+i);
   var im = "";

// 3rd Level Navigation
   subIDs = '<div id="menuLayer_'+thislayerNO+'" class="productmenulayer" style="position:absolute;  z-index:'+(topLevelSize+1)+'; width:160px; left: 20px; top: 1px; margin-top: 0px; margin-left: 5px ;visibility: hidden; " onMouseOver="MM_showHideLayers('+layerStringShowCut+');" onMouseOut="MM_showHideLayers('+layerStringHideCut+');"><table width="100%" height="14" BORDER="0" CELLPADDING="0" CELLSPACING="0">';
   var y = 0;
   for (var m=1;m<=myArray.length;m++){
       if (myArray[m].sURL != null){
           if (myArray[m].pChild){
               y++;
               sub = thislayerNO+"_"+y; // current layer is 1, first sublayer of that is 1_1, next sublayer is 1_2 etc
               imgMenu++;
			   // Has sub sections
               subIDs += '<tr class="productsection" id="imgMenu_'+imgMenu+'" onMouseOver="MM_showHideLayers(\'menuLayer_'+sub+'\',\'\',\'show\',\'menuLayer_'+thislayerNO+'\',\'\',\'show\'); P7_Snap(\'imgMenu_'+imgMenu+'\',\'menuLayer_'+sub+'\',142,0);" onMouseOut="MM_showHideLayers(\'menuLayer_'+sub+'\',\'\',\'hide\',\'menuLayer_'+thislayerNO+'\',\'\',\'show\');"><td><a href="' + myArray[m].sURL + '" class="productmenulinks">'+myArray1[m].sName+'&nbsp;&nbsp;<img border="0" src="/acatalog/spacer.gif" height="5" width="5"></a></td></tr>';
           
		   }
           else{
			   // No sub sections
              subIDs += '<tr><td><a href="'+myArray[m].sURL+'" class="productmenulinks">'+myArray1[m].sName+'</a></td></tr>';
           }
       } // end if
   } // end for
      subIDs += '</table></div>';
      var x = 0;
   for (var m=1;m<=myArray.length;m++){
       if (myArray[m].sURL != null){
           if (myArray[m].pChild){
               x++;
               subIDs += buildLayer(myArray[m].pChild, myArray1[m].pChild, (k+1), thislayerNO, x, topLevelSize, i);
               idx = thislayerNO.lastIndexOf("_");
               thislayerNO = thislayerNO.substring(0,idx);
           }
       }
   }
         return subIDs;
} // end function


var image_1 = "url(/acatalog/sub_back.jpg)";
var image_2 = "url(/acatalog/sub_back.jpg)";
var image_3 = "url(/acatalog/sub_back.jpg)";
var image_4 = "url(/acatalog/sub_back.jpg)";
var image_5 = "url(/acatalog/sub_back.jpg)";
var image_6 = "url(/acatalog/sub_back.jpg)";
var image_7 = "url(/acatalog/sub_back.jpg)";
var image_8 = "url(/acatalog/sub_back.jpg)";
var image_9 = "url(/acatalog/sub_back.jpg)";
var image_10 = "url(/acatalog/sub_back.jpg)";
var image_11 = "url(/acatalog/sub_back.jpg)";
var image_12 = "url(/acatalog/sub_back.jpg)";
var image_13 = "url(/acatalog/sub_back.jpg)";
var image_14 = "url(/acatalog/sub_back.jpg)";
var image_15 = "url(/acatalog/sub_back.jpg)";
var image_16 = "url(/acatalog/sub_back.jpg)";
var image_17 = "url(/acatalog/sub_back.jpg)";
var image_18 = "url(/acatalog/sub_back.jpg)";
var image_19 = "url(/acatalog/sub_back.jpg)";
var image_20 = "url(/acatalog/sub_back.jpg)";
var image_21 = "url(/acatalog/sub_back.jpg)";
var image_22 = "url(/acatalog/sub_back.jpg)";

function YahooSections(ar, ar1){ // v1.1
	var strIDs = '';
	for (var i=1;i<=ar.length;i++){
		if (ar[i].sURL != null){
			imgMenu++;
			if (ar[i].pChild){
				// The line below generates the top level menu item
				strIDs += '<table height="18" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#E7F1FB"><tr><td></td><td height="4" width="145" colspan="3"><img src="/acatalog/trek_menuseperator.png" alt="seperator"></td></tr><tr align=~"left"><td height="18" width="14"></td><td onClick="swap('+imgMenu+');showSub(\'slMenu'+i+'\');" align="left" width="120"><div align="left" style="text-align: left;"><a class="productmenulinks" style="cursor: pointer;" href="'+ar[i].sURL+'" onClick="swap('+imgMenu+');showSub(\'slMenu'+i+'\');">' + ar1[i].sName + '</a></div></td><td width="15" valign="middle" align="left"><img style="cursor: pointer;" valign="middle" src="/acatalog/trek_menuplus.gif" id="imgMenu_'+imgMenu+'" onClick="swap('+imgMenu+');showSub(\'slMenu'+i+'\');"></td><td></td></tr></table>';
				// var im = eval('image_'+i);
				var im = "";
				// From this point...
				strIDs += '<div id="slMenu'+i+'" style="position:relative;width:100%;z-index:'+i+';display:none;align="right";background-image:'+im+';"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
				var n=0;
				for (var j=1;j<=ar[i].pChild.length;j++){
					if (ar[i].pChild[j].sURL != null){
						if (ar1[i].pChild[j].pChild){
							imgMenu++; // imgMenu id for this node is total node in parent level + current position in this level
							n++;
							// has sub sections below
							strIDs += '<tr><td colspan="2" height="3" width=100%"></td></tr><tr id="imgMenu_'+imgMenu+'" valign="middle" align="left" onMouseOver="MM_showHideLayers(\'menuLayer_'+(firlayerNO+n)+'\',\'\',\'show\'); P7_Snap(\'imgMenu_'+imgMenu+'\',\'menuLayer_'+(firlayerNO+n)+'\',150,0); " onMouseOut="MM_showHideLayers(\'menuLayer_'+(firlayerNO+n)+'\',\'\',\'hide\');"><td width="5"></td><td><a href="' + ar[i].pChild[j].sURL + '" class="productmenulinks"><i>'+ar1[i].pChild[j].sName+'</i></a></td></tr>'; // 
							                                                                                                                                                                                                                                                                         
						}
						else{
							// does not have sub sections
							strIDs += '<tr><td colspan="2" height="2"></td></tr><tr align="left" bgcolor="#E7F1FB"><td width="20"></td><td valign="middle" align="left"><a href="' + ar[i].pChild[j].sURL + '" align="left" class="productmenulinks"><i>' + ar1[i].pChild[j].sName;
							strIDs += '</i></a></td></tr>';
						}
					}
				}
				strIDs += '</table></div>';
				// ...to this point generates the second level of nav
				
				// Pass 2 for layers to avoid sub layers getting caught in other layers
				for (var j=1;j<=ar[i].pChild.length;j++){
					if (ar[i].pChild[j].pChild){
						var k = 3;
						var x = 1;
						layerStringShow = "";
						layerStringHide = "";
                        strIDs += buildLayer(ar[i].pChild[j].pChild, ar1[i].pChild[j].pChild, k, firlayerNO, 0, ar.length, i); // Build the first popout layer
					
}
				}
			}
			// Will execute if there are no further sub sections
			else {
strIDs += '<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr bgcolor="#E7F1FB""><td></td><td height="4" width="145"><img src="trek_menuseperator.png" alt="seperator"></td></tr><tr height="18" ><td width="14"></td><td align="left" width="145"><a href="'+ar[i].sURL+'" class="productmenulinks">'+ar1[i].sName+'</a></td></tr></table>'; }
			
		}
	}
	return strIDs
}



function showSub(menuId) { // v1.0

	if (document.getElementById(menuId).style.display == 'none') {
		document.getElementById(menuId).style.display = 'block';
	} else {
		document.getElementById(menuId).style.display = 'none';
	} // end else

} // end function