// Initialize and render the menu bar when it is available in the DOM

            YAHOO.util.Event.onContentReady("productsandservices", function () {

                // Animation object

                var oAnim;


                // "beforeshow" event handler for each submenu of the menu bar

                function onMenuBeforeShow(p_sType, p_sArgs) {

                    var oBody,
                        oShadow,
                        oUL;
                
                    if (this.parent) {

                        oShadow = this.element.lastChild;

                        oShadow.style.height = "0px";
                    
                        if (oAnim && oAnim.isAnimated()) {
                        
                            oAnim.stop();
                            oAnim = null;
                        
                        }

                        oBody = this.body;
                        oUL = oBody.getElementsByTagName("ul")[0];
    
                        YAHOO.util.Dom.setStyle(oBody, "overflow", "hidden");
                        YAHOO.util.Dom.setStyle(oUL, "marginTop", ("-" + oUL.offsetHeight + "px"));
                    
                    }

                }

                function onTween(p_sType, p_aArgs, p_oShadow) {

                    if (this.cfg.getProperty("iframe")) {
                    
                        this.syncIframe();
                
                    }
                
                    if (p_oShadow) {
                
                        p_oShadow.style.height = this.element.offsetHeight + "px";
                    
                    }
                
                }

                function onAnimationComplete(p_sType, p_aArgs, p_oShadow) {

                    var oBody = this.body,
                        oUL = oBody.getElementsByTagName("ul")[0];

                    if (p_oShadow) {
                    
                        p_oShadow.style.height = this.element.offsetHeight + "px";
                    
                    }

                    YAHOO.util.Dom.setStyle(oUL, "marginTop", "auto");
                    YAHOO.util.Dom.setStyle(oBody, "overflow", "visible");
                    
                    if (YAHOO.env.ua.ie) {
                    
                        YAHOO.util.Dom.setStyle(oBody, "zoom", "1");
                    
                    }
                    
                }


                // "show" event handler for each submenu of the menu bar

                function onMenuShow(p_sType, p_sArgs) {

                    var oElement,
                        oShadow,
                        oUL;
                
                    if (this.parent) {

                        oElement = this.element;
                        oShadow = oElement.lastChild;
                        oUL = this.body.getElementsByTagName("ul")[0];
                    
                        oAnim = new YAHOO.util.Anim(oUL, 
                            { marginTop: { to: 0 } },
                            .5, YAHOO.util.Easing.easeOut);


                        oAnim.onStart.subscribe(function () {
        
                            oShadow.style.height = "100%";
                        
                        });
    

                        oAnim.animate();

    
                        /*
                             Refire the event handler for the "iframe" 
                             configuration property with each tween so that the  
                             size and position of the iframe shim remain in sync 
                             with the menu.
                        */
    
                        if (YAHOO.env.ua.ie) {
                            
                            oShadow.style.height = oElement.offsetHeight + "px";

                            oAnim.onTween.subscribe(onTween, oShadow, this);
    
                        }
    
                        oAnim.onComplete.subscribe(onAnimationComplete, oShadow, this);
                    
                    }
                
                }


                // "beforerender" event handler for the menu bar

                function onMenuBeforeRender(p_sType, p_sArgs) {
					
                    var oSubmenuData = {
                    
                        "magnets": [ 
                        
                            { text: "Business Card Magnets", url: "http://www.printpelican.com/?fuseaction=magnets.businesscardmagnet&product_id=62", target: "_blank" },
                            { text: "Custom Size Magnets", url: "http://www.printpelican.com/?fuseaction=magnets.custom", target: "_blank"  },
                            
                        
                        ],
    
                        "templates": [
    
                            { text: "Calendar Magnet", url: "http://www.printpelican.com/index.cfm?fuseaction=magnets.custom", target: "_blank"  },
                            { text: "Business Card Magnet", url: "http://www.printpelican.com/index.cfm?fuseaction=magnets.businessCardMagnet" , target: "_blank" },
                            { text: "Square Magnet", url: "http://www.printpelican.com/index.cfm?fuseaction=magnets.custom", target: "_blank"  },
                            { text: "Oblong / Arch Magnet", url: "http://www.printpelican.com/index.cfm?fuseaction=magnets.custom" , target: "_blank" },
                            { text: "Circle Magnet", url: "http://www.printpelican.com/index.cfm?fuseaction=magnets.custom", target: "_blank"  },
                            { text: "Triangle Magnet", url: "http://www.printpelican.com/index.cfm?fuseaction=magnets.custom", target: "_blank"  },
                                            
    
                        ]
                    
                    };

                    // Add a submenu to each of the menu items in the menu bar

              
                    this.getItem(0).cfg.setProperty("submenu", { id: "magnets", itemdata: oSubmenuData["magnets"] });
                    this.getItem(1).cfg.setProperty("submenu", { id: "templates", itemdata: oSubmenuData["templates"] });
					this.getItem(0).COLLAPSED_SUBMENU_INDICATOR_TEXT = " ";
					this.getItem(1).COLLAPSED_SUBMENU_INDICATOR_TEXT = " ";
					this.getItem(0).EXPANDED_SUBMENU_INDICATOR_TEXT = " ";
					this.getItem(1).EXPANDED_SUBMENU_INDICATOR_TEXT = " ";
					this.subscribe("beforeShow", onMenuBeforeShow);
                    this.subscribe("show", onMenuShow);

                }


                // Initialize the root menu bar

                var oMenuBar = new YAHOO.widget.MenuBar("productsandservices", { autosubmenudisplay: true, hidedelay: 750, lazyload: true });


                // Subscribe to the "beforerender" event

                oMenuBar.beforeRenderEvent.subscribe(onMenuBeforeRender);

                /*
                     Call the "render" method with no arguments since the markup for 
                     this menu already exists in the DOM.
                */

                oMenuBar.render();            
            
            });