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 P8_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=P8_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;
				diff = el.offsetHeight - g.offsetHeight; // correction to make the bottom of el (the child layer) level with the bottom of g (parent layer)
				e.top = yy - diff + pa; // the top of the new layer is reduced from its normal y posn by the difference between child and parent layers
			}
		}
	}
}











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;
	
	if (document.getElementById(im).src.match(/.*shrink1.jpg$/)) {
		document.getElementById(im).src = "http://www.simplysonos.co.uk/acatalog/expand.jpg";
	}
	else if (document.getElementById(im).src.match(/.*expand1.jpg$/)) {
		document.getElementById(im).src = "http://www.simplysonos.co.uk/acatalog/shrink.jpg";
	}
}


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);
   subIDs = '<div id="menuLayer_'+thislayerNO+'" style="position:absolute;  z-index:'+(topLevelSize+1)+'; width:150px; height:11px; left: 20px; top: 1px; margin-top: 0px; margin-left: 5px ;visibility: hidden; " onMouseOver="MM_showHideLayers('+layerStringShowCut+');" onMouseOut="MM_showHideLayers('+layerStringHideCut+');"><table width="130" height="11" 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++;
                                             // submenus at same level as previous layer
               //subIDs += '<tr onMouseOver="MM_showHideLayers(\'menuLayer_'+sub+'\',\'\',\'show\',\'menuLayer_'+thislayerNO+'\',\'\',\'show\'); P8_Snap(\'menuLayer_'+thislayerNO+'\',\'menuLayer_'+sub+'\',90,0);" onMouseOut="MM_showHideLayers(\'menuLayer_'+sub+'\',\'\',\'hide\',\'menuLayer_'+thislayerNO+'\',\'\',\'show\');"><td height="23"><a href="' + myArray[m].sURL + '" class="black_link_10_noline">'+myArray[m].sName+'&nbsp;<img border=0 src="arrows.gif" id="imgMenu_'+imgMenu+'"></a></td></tr>';
                              // submenus at same level as arrow
               subIDs += '<tr id="imgMenu_'+imgMenu+'" onMouseOver="MM_showHideLayers(\'menuLayer_'+sub+'\',\'\',\'show\',\'menuLayer_'+thislayerNO+'\',\'\',\'show\'); P7_Snap(\'imgMenu_'+imgMenu+'\',\'menuLayer_'+sub+'\',120,0);" onMouseOut="MM_showHideLayers(\'menuLayer_'+sub+'\',\'\',\'hide\',\'menuLayer_'+thislayerNO+'\',\'\',\'show\');"><td height="11" width="130" valign="middle" style="background-image:url(http://www.simplysonos.co.uk/acatalog/sub_backb.jpg);">&nbsp;<a href="' + myArray[m].sURL + '" class="nav_link_12">'+myArray1[m].sName+'<img border="0" src="http://www.simplysonos.co.uk/acatalog/arrows.jpg"></a></td></tr>';
           
		   }
           else{
              subIDs += '<tr><td height="11" width="130" valign="middle" style="background-image:url(http://www.simplysonos.co.uk/acatalog/sub_backb.jpg);">&nbsp;<a href="'+myArray[m].sURL+'" class="nav_link_12">'+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(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_2 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_3 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_4 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_5 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_6 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_7 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_8 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_9 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_10 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_11 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_12 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_13 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_14 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_15 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_16 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_17 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_18 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_19 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_20 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_21 = "url(http://www.simplysonos.co.uk/acatalog/sub_back.jpg)";
var image_22 = "url(http://www.simplysonos.co.uk/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 && ar1[i].sName!="contact" && ar1[i].sName!="Special Offers"){
			imgMenu++;
			if (ar[i].pChild){
				strIDs += '<table height="11" width="168" border="0" cellpadding="0" cellspacing="0" valign="top"><tr><td align="left" height="11" width="158" valign="top"><a href="'+ar[i].sURL+'" class="nav_link_12b" align="left" valign="top">' + ar1[i].sName + '</a></td><td height="11" width="10" valign="top" align="left"><img border="0" height="5" width="5" src="http://www.simplysonos.co.uk/acatalog/shrink.jpg" id="imgMenu_'+imgMenu+'" onClick="swap('+imgMenu+');showSub(\'slMenu'+i+'\');"><br></td></tr></table>';
				var im = eval('image_'+i);
				strIDs += '<div id="slMenu'+i+'" style="position:relative;width:100%;z-index:'+i+';display:block;align="right";background-image:'+im+';"><table width="168"  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++;
							
							strIDs += '<tr id="imgMenu_'+imgMenu+'" height="11" width="168" border="0" cellpadding="0" cellspacing="0" valign="middle" align="left" onMouseOver="MM_showHideLayers(\'menuLayer_'+(firlayerNO+n)+'\',\'\',\'show\'); P7_Snap(\'imgMenu_'+imgMenu+'\',\'menuLayer_'+(firlayerNO+n)+'\',100,0); " onMouseOut="MM_showHideLayers(\'menuLayer_'+(firlayerNO+n)+'\',\'\',\'hide\');"><td valign="middle" style="background-image:'+im+';" align="left">&nbsp;<a href="' + ar[i].pChild[j].sURL + '" class="nav_link_12" align="left">'+ar1[i].pChild[j].sName+'&nbsp;<img border="0" src="http://www.simplysonos.co.uk/acatalog/arrows.jpg" onMouseOver="MM_showHideLayers(\'menuLayer_'+(firlayerNO+n)+'\',\'\',\'show\'); P7_Snap(\'imgMenu_'+imgMenu+'\',\'menuLayer_'+(firlayerNO+n)+'\',2,0); " onMouseOut="MM_showHideLayers(\'menuLayer_'+(firlayerNO+n)+'\',\'\',\'hide\');"></a></td></tr>'; // 
							
						}
						else{
							strIDs += '<tr align="left"><td height="11" width="168" border="0" cellpadding="0" cellspacing="0" valign="middle" align="left" style="background-image:'+im+';">&nbsp;<a href="' + ar[i].pChild[j].sURL + '" class="nav_link_12" align="left">' + ar1[i].pChild[j].sName;
							strIDs += '</a></td></tr>';
						}
					}
				}
				strIDs += '</table></div>';
				// 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
					
}
				}
			}
			else {
strIDs += '<table height="11"><tr align="left"><td width="168" valign="top" align="left"><a href="'+ar[i].sURL+'" class="nav_link_12b" align="left">' + ar1[i].sName + '</a><br></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