/*
jQuery Multi Level CSS Menu #2 by Dynamic Drive: http://www.dynamicdrive.com/
Last update: Nov 7, 2008
Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
*/

var arrowimages={down:['', ''], right:['', '']}
var jqueryslidemenu={
  animateduration: {over:200, out:100},
  buildmenu:function(menuid, arrowsvar){
    jQuery(document).ready(function($){
      $("#main_navigation a").removeAttr("title");
      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
        $subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})

        $curobj.hover(function(e){
          var $targetul=$(this).children("ul:eq(0)")
          this._offsets={left:$(this).offset().left, top:$(this).offset().top}
          if(jQuery.browser.msie){
            var menuleft=this.istopheader? 0 : this._dimensions.w +2
            menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) -4 : menuleft
          }
          if(!jQuery.browser.msie){
            var menuleft=this.istopheader? 0 : this._dimensions.w
            menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft
          }
          if ($targetul.queue().length<=1)
            $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).slideDown(jqueryslidemenu.animateduration.over)
          },
          function(e){
            var $targetul=$(this).children("ul:eq(0)")
            $targetul.slideUp(jqueryslidemenu.animateduration.out)
          }
        )
        $curobj.click(function(){
          $(this).children("ul:eq(0)").hide()
        })
      })
      $mainmenu.find("ul").css({display:'none', visibility:'visible'})
    })
  }
}
jqueryslidemenu.buildmenu("main_navigation", arrowimages)