/*********************
//* 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 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) {
				    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 })
				    if (document.all && !window.XMLHttpRequest) //detect IE6 or less, fix issue with overflow
				        $mainmenu.find('ul').css({ overflow: (this.istopheader) ? 'hidden' : 'visible' })
				    $targetul.css("z-index", "1002"); // DMC menu persistence mod
				    $targetul.slideDown(droplinemenu.animateduration.over)
				},
				function (e) {
				    var $targetul = $(this).children("ul:eq(0)");
				    // DMC menu persistence mods:
				    $targetul.css("z-index", "1001");
				    if (!$targetul[0].persistence) {
				        $targetul.slideUp(droplinemenu.animateduration.out);
				    }
				}
			) //end hover
            }) //end $headers.each()
            $mainmenu.find("ul").css({ display: 'none', visibility: 'visible', width: $mainmenu.width() });
        }) //end document.ready
    }
}

/*
DMC, 4/26/2011.
Additions to JQuery plugin for menu persistence.
*/
function menuPersistence(submenuId) {
    var $mainmenu = $("#" + droplineMenuId + ">ul");
    var $li = $("#" + droplineMenuId + ">ul>li");
    var height = $li.find('a:eq(0)').outerHeight();
    var $targetul = $("#" + submenuId);
    $targetul.css("display", "block");
    $targetul.css({ left: $mainmenu.offset().left, top: $mainmenu.offset().top + height });
    $targetul[0].persistence = true;
}

function highlight(topId, subId) {
    // This highlights the selected top and sub menu links in the global nav by setting styles.
    // It also derives the ID of the <UL> tag for the sub menu and makes it persistent.
    try {
        // 1) set styles.
        $topLink = $("#" + topId);
        $topLink.addClass("top-level-highlighter");
        if (subId != "") {
            $subLink = $("#" + subId);
            $subLink.addClass("sub-level-highlighter");
        }
        // 2) find and pass submenu id to menu persistence function.
        if ($topLink.parent().children('ul')[0] != null) {
            subContainerId = $topLink.parent().children('ul')[0].id;
            if (subContainerId != "") {
                menuPersistence(subContainerId);
            }
        }
    }
    catch (err) { }
}