
				<!--
				var yPosition = 110;//110
				var xPosition = 250;//250

				//new ypSlideOutMenu("number menu", "slide position", left, top, width, height)
					var myMenu1 = new ypSlideOutMenu("menu1", "down", xPosition, yPosition, 120, 130)
					
					//new ypSlideOutMenu("menu12", "down", 408, yPosition + 181, 146, 160)
					var myMenu2 = new ypSlideOutMenu("menu2", "down", xPosition + 150, yPosition, 120, 230)
					var myMenu22 = new ypSlideOutMenu("menu22", "right", xPosition + 150, yPosition + 20, 120, 160)
					
					//new ypSlideOutMenu("menu21", "down", 408, yPosition + 63, 146, 80)
					//var myMenu3 = new ypSlideOutMenu("menu3", "down", xPosition + 300, yPosition, 146, 120)
					//var myMenu4 = new ypSlideOutMenu("menu4", "down", xPosition + 450, yPosition, 146, 205)
					
				//-->
				
				myMenu1.onactivate = function() { repositionMenu(myMenu1, -300); }
				myMenu2.onactivate = function() { repositionMenu(myMenu2, -180); }
				myMenu22.onactivate = function() { repositionMenu(myMenu22, -59); }
				
				//myMenu3.onactivate = function() { repositionMenu(myMenu3, -60); }
				//myMenu4.onactivate = function() { repositionMenu(myMenu4, +60); }
			
				function repositionMenu(menu, offset) // this function repositions a menu to the speicified offset from center
				{
						// the new left position should be the center of the window + the offset
					var newLeft = getWindowWidth() / 2 + offset;

						// setting the left position in netscape is a little different than IE
					menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
				}
				
				
			
				function getWindowWidth() // this function calculates the window's width - different for IE and netscape
				{
					return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
				}
								

			// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
			<!--
			function swapImgRestore() { 
			var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
			}
			function preloadImages() { 
			var d=document; if(d.images){ if(!d.p) d.p=new Array();
				var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
				if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
			}
			function findObj(n, d) { 
			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=findObj(n,d.layers[i].document);
			if(!x && document.getElementById) x=document.getElementById(n); return x;
			}
			function swapImage() { 
			var i,j=0,x,a=swapImage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
			if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
			}
			function showHideLayers() {
			var i,p,v,obj,args=showHideLayers.arguments;
			for (i=0; i<(args.length-2); i+=3) if ((obj=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; }
			}
			//-->