/*********************
//* jQuery Drop Line Menu- By Dynamic Drive: http://www.dynamicdrive.com/
//* Last updated: June 27th, 09'
//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
*********************/

var visibleUL
var droplinemenu = {

   arrowimage: { classname: 'downarrowclass', src: 'down.gif', leftpadding: 5 }, //customize down arrow image
   animateduration: { over: 200, out: 100 }, //duration of slide 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 = { 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)
            {
               if (typeof(visibleUL) != 'undefined') visibleUL.hide()
				   var $targetul = $(this).children("ul:eq(0)")
				   if ($targetul.queue().length <= 1) //if 1 or less queued animations
				      if (this.istopheader)
				   {
				      $targetul.css({ left: $mainmenu.offset().left, top: $mainmenu.offset().top + this._dimensions.h })
				      $targetul.width($mainmenu.width() - 10)
				   }
				   if (document.all && !window.XMLHttpRequest) //detect IE6 or less, fix issue with overflow
				      $mainmenu.find('ul').css({ overflow: (this.istopheader) ? 'hidden' : 'visible' })
				   //$targetul.slideDown(droplinemenu.animateduration.over)
				   $targetul.show()
				   visibleUL = $targetul
				},
				function(e)
				{
				   var $targetul = $(this).children("ul:eq(0)")
				   //$targetul.slideUp(droplinemenu.animateduration.out)
				   //$targetul.hide()
				}
			) //end hover
         }) //end $headers.each()
         $mainmenu.find("ul").css({ display: 'none', visibility: 'visible', width: $mainmenu.width() })
         $(window).resize(function()
         {
            if (typeof (visibleUL) != 'undefined')
            {
               visibleUL.css({ left: $mainmenu.offset().left, top: $mainmenu.offset().top + $mainmenu.height})
               visibleUL.width($mainmenu.width() - 10)
            }
         })
      }) //end document.ready
   }
}