var isIE = (navigator.appName == "Microsoft Internet Explorer") ? true : false; 
  var dropDownTop1 = (isIE) ? 76 : 76; 
  var dropDownTop2 = (isIE) ? 152 : 155;
  var dropDownTop3 = (isIE) ? 225 : 225;
  var dropDownTop4 = (isIE) ? 83 : 83;
  var dropDownWidth1 = (isIE) ? 200 : 200;
  var dropDownWidth2 = (isIE) ? 300 : 300;
  var dropDownWidth3 = (isIE) ? 163 : 163;
  var dropDownWidth4 = (isIE) ? 113 : 200;
  var dropDownWidth5 = (isIE) ? 200 : 200;
  var dropDownWidth6 = (isIE) ? 200 : 200;
  var dropDownWidth7 = (isIE) ? 200 : 200;
  var dropDownWidth8 = (isIE) ? 200 : 200;
  
                        // the number you pass to initLeft doesn't matter since it will get
                        // changed onactivate

                        var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, dropDownTop1, dropDownWidth1, 200);							

  var menuLeft1 = (isIE ) ? -185 : -195;   
  myMenu1.onactivate = function() { repositionMenu(myMenu1, menuLeft1); }  
  
        // 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();