/********************************************************************************/
/* Initialise Rollover SubNav
/********************************************************************************/


(function ($) {
    $.fn.initRolloverSubNav = function () {

        $("#SubNavContainer").children().css("height", "0");

        //$.fn.initRolloverSubNav.hide();

        $("#SubNavContainer").children().each(function (i) {
            var thisID = this.id;
            var $this = this;
            //return this.attr("id");

            /*$("#MainNav .DynamicButtonLabel").contents().filter(function(){
            if(this.nodeValue == thisID){
            alert(this);
            }
            return this.nodeType != 1;
            })//.wrap("<b/>");
            */

            if (this.id != "") {

                $(this).mouseover(function (e) {
                    $.fn.initRolloverSubNav.hide();
                    $.fn.initRolloverSubNav.show($this);
                });


                $(this).mouseout(function (e) {
                    $.fn.initRolloverSubNav.hide();
                });


                $("#MainNav .DynamicButton:contains('" + thisID + "')").mouseover(function (e) {
                    //$.fn.initRolloverSubNav.hide();
                    $.fn.initRolloverSubNav.show($this);
                });


                $("#MainNav .DynamicButton:contains('" + thisID + "')").mouseout(function (e) {
                    $.fn.initRolloverSubNav.hide();
                });
            }

        });
    }

    //----------------------------------------------------------------------

    $.fn.initRolloverSubNav.show = function (_snContent) {
        /*$(_snContent).css("display", "inline");*/

        $(_snContent).stop().animate({
            height: 120
        }, 250, function () {

        })
    }

    //----------------------------------------------------------------------

    $.fn.initRolloverSubNav.hide = function (_targ) {
        // $("#SubNavContainer").children().css("display", "none");

        $("#SubNavContainer").children().stop().animate({
            height: 0
        }, 250, function () {

        })
    }

    //----------------------------------------------------------------------

    $(document).ready(function () {
        $.fn.initRolloverSubNav();
    });
})(jQuery);