var jquerycssmenu = {

            fadesettings: { overduration: 350, outduration: 100 }, //duration of fade in/ out animation, in milliseconds

            buildmenu: function (menuid) {
                jQuery(document).ready(function ($) {

                    var $mainmenu = $("#" + menuid + ">ul")

                    var $headers = $mainmenu.find("ul").parent()
                    $headers.each(function (i) {
                        var $curobj = $(this)
                        var $subul = $(this).find('ul:eq(0)')
                        this._dimensions = { w: this.offsetWidth, h: this.offsetHeight, subulw: $subul.outerWidth(), subulh: $subul.outerHeight() }
                        this.istopheader = $curobj.parents("ul").length == 1 ? true : false


                    }) //end $headers.each()

                    $mainmenu.find("ul.secondLevel").css({ display: 'none', visibility: 'visible' })
                    $mainmenu.find("ul.secondLevelE").css({ display: 'none', visibility: 'visible' })
                    $mainmenu.children("li").each(function (i) {

                        $(this).hover(function (e) {
                            var $targetul = $(this).children("ul:eq(0)");
                            var $targeta = $(this).children("a:eq(0)");
                            $targeta.addClass('aHover');
                            this._offsets = { left: $(this).left, top: $(this).top }
                            var menuleft = $(this).position().left - 10;
                            menuleft = (this._offsets.left + menuleft + this._dimensions.subulw > $(window).width()) ? (this.istopheader ? -this._dimensions.subulw + this._dimensions.w : -this._dimensions.w) : menuleft
                            //$targetul.css({ left: menuleft + "px" }).fadeIn(jquerycssmenu.fadesettings.overduration);
                            $targetul.css({ left: menuleft + "px" }).show();
                            
                        },
                                function (e) {
                                    //$(this).children("ul:eq(0)").fadeOut(jquerycssmenu.fadesettings.outduration);
                                    $(this).children("ul:eq(0)").hide();
                                    var $targeta = $(this).children("a:eq(0)");
                                    $targeta.removeClass('aHover');
                                    //Cufon.refresh('#mainMenu > ul > li > a');
                                }
                           ); //end hover
                    });

                      jQuery('#subMenuPlaceHolder').css('min-height', jQuery('#subMenu').height() + 38 + 'px') ;
                      

                }); //end document.ready
            }
        }

        //build menu with ID="myjquerymenu" on page:
        jquerycssmenu.buildmenu("mainMenu");