/*********************
//* jQuery Multi Level CSS Menu #2- By Dynamic Drive: http://www.dynamicdrive.com/
//* Created: Nov 2nd, 08'
//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
*********************/
//Specify full URL to down and right arrow images (23 is padding-right to add to top level LIs with drop downs):
var arrowimages={
    down:['downarrowclass', 'down.gif', 23],
    right:['rightarrowclass', 'right.gif']
}

var jqueryslidemenu={

    animateduration: {
        over: 200,
        out: 200
    }, //duration of slide in/ out animation, in milliseconds

    buildmenu:function(menuid, arrowsvar){
        jQuery(document).ready(function($){
            var $mainmenu = $("#"+menuid+" > ul");
            var $headers=$mainmenu.find("ul").parent();
            $headers.each(function(i){
                var curobj = this;
                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
                $subul.css({
                    top:this.istopheader? this._dimensions.h+"px" : 0
                })
                $curobj.children("a:eq(0)").css(this.istopheader? {
                    paddingRight: arrowsvar.down[2]
                } : {}).append(
                    '<img src="/images/'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1])
                    + '" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0])
                    + '" style="border:0;" />'
                    )

                var rootCurObj = $curobj.parent().parent();
                if(this.istopheader){
                    var parentElement = $('#' + rootCurObj.attr('id').replace(/_sub/, ''));
                }
                else{
                    var parentElement = $curobj;
                }

                var $targetul=$(curobj).children("ul:eq(0)")
                parentElement.hover(
                    function(e){
                        curobj._offsets = {
                            left:$(curobj).offset().left,
                            top:$(curobj).offset().top
                        }
                        var menuleft=curobj.istopheader ? 0 : curobj._dimensions.w
                        menuleft=(curobj._offsets.left+menuleft+curobj._dimensions.subulw>$(window).width())? (curobj.istopheader? -curobj._dimensions.subulw+curobj._dimensions.w : -curobj._dimensions.w) : menuleft
                        $targetul.css({
                            left:menuleft+"px",
                            width:curobj._dimensions.subulw+'px'
                        }).slideDown(jqueryslidemenu.animateduration.over)
                    },
                    function(e){
                        if(!curobj.istopheader){
                            var $targetul=$(curobj).children("ul:eq(0)");
                            $targetul.slideUp(jqueryslidemenu.animateduration.out)
                        }
                    }
                    ) //end hover

                $targetul.hover(
                    function(e){},
                    function(e){
                        var $targetul=$(curobj).children("ul:eq(0)");
                        $targetul.slideUp(jqueryslidemenu.animateduration.out)
                    }
                    )
            }) //end $headers.each()
            $mainmenu.find("ul").css({
                display:'none',
                visibility:'visible'
            })
        }) //end document.ready
    }
}