// JavaScript Document


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
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();
}

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_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}



MM_reloadPage(true);

	// the number you pass to initLeft doesn't matter since it will get
		// changed onactivate
		var myMenu0 = new ypSlideOutMenu("jewelrymenu", "down", 150, 126, 100, 150)
		var myMenu1 = new ypSlideOutMenu("ringmenu", "down", 230, 126, 100, 100)
		var myMenu2 = new ypSlideOutMenu("bridalmenu", "down", 290, 126, 100, 100)
		var myMenu3 = new ypSlideOutMenu("designermenu", "down", 350, 126, 100, 100)
		var myMenu4 = new ypSlideOutMenu("watchesmenu", "down", 420, 126, 100, 100)
     
    // for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels
		//myMenu0.onactivate = function() { repositionMenu(myMenu0, -310); }
		//myMenu1.onactivate = function() { repositionMenu(myMenu1, -230); }
		//myMenu2.onactivate = function() { repositionMenu(myMenu2, -172); }
		//myMenu3.onactivate = function() { repositionMenu(myMenu3, -112); }
		//myMenu4.onactivate = function() { repositionMenu(myMenu4, -35); }

    // this function repositions a menu to the speicified offset from center
		function repositionMenu(menu, offset)
		{
      // 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;
		}
		 
    // this function calculates the window's width - different for IE and netscape
		function getWindowWidth()
		{
			return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
		}	


    ypSlideOutMenu.writeCSS();