var droplinemenu={
  arrowimage: {classname: 'downarrowclass', src: '../../images/menu/down.gif', leftpadding: 5},
  animateduration: {over: 200, out: 300},
  buildmenu:function(menuid) {
        jQuery(document).ready(function($){
                $('.menumain:not(.submenuclass)').hover(
                   function () {
                      $('.submenuclass').hide();
                   }
                );
                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={h:$curobj.find('a:eq(0)').outerHeight()}
                        this.istopheader=$curobj.parents("ul").length==1? true : false
                        if (!this.istopheader)
                        $subul.css({left:0, top:this._dimensions.h})
                        var $innerheader=$curobj.children('a').eq(0)
                        $innerheader=($innerheader.children().eq(0).is('span'))? $innerheader.children().eq(0) : $innerheader //if header contains inner SPAN, use that
                        $innerheader.append('<img src="'+ droplinemenu.arrowimage.src + '" class="' + droplinemenu.arrowimage.classname + '" style="border:0; padding-left: '+droplinemenu.arrowimage.leftpadding+'px" />')
                        $curobj.hover(
                        function(e) {
                           var $targetul=$(this).children("ul:eq(0)")
                           if ($targetul.queue().length<=1) //if 1 or less queued animations
                           if (this.istopheader)
                             $targetul.css({left:-80, top: $mainmenu.offset().top+this._dimensions.h-77})
                             $targetul.addClass('submenuclass');
                             if (document.all && !window.XMLHttpRequest) //detect IE6 or less, fix issue with overflow
                                 $mainmenu.find('ul').css({overflow: (this.istopheader)? 'hidden' : 'visible'})
                                 $targetul.show();
                        },
                        function(e) {
                           var $targetul=$(this).children("ul:eq(0)")
                           $targetul.show();
                        }
                        ) //end hover
		}) //end $headers.each()
		$mainmenu.find("ul").css({display:'none', visibility:'visible', /*width:500 /*$mainmenu.width()-40*/});
           }) //end document.ready
}
}


