/** Start Chrome Settings **/
var chromeColor = "#878E9B";
var chromeWidth = 1000;
/** End Chrome Settings **/

/** Start Footer Settings **/
var legalFooterColor = "#99b2c5";
var legalFtrLine1 = "";
var legalFtrLine2 = "<br />";
var legalFooterCat = "travel";

var legalFtrOpts = ["DisneyWeddings.com Site Map", "/sitemap"];
/** End Footer Settings **/

/**
* Add a Callback
*/
WDPRO_LOADER.addCallback(function() {
    var clickState1 = function() {
        var $D = WDPRO.util.Dom;

        if( $D.get( "topNav" ) ) {
            var list = $D.get( "hubNav" );
            var links = list.getElementsByTagName( 'a' );

            for( var i = 0; i < links.length; i++ ) {
                links[i].items = links;
                links[i].onclick = function() {
                    for ( j = 0; j < this.items.length; j++) {
                        this.items[j].className = "";
                    }
                    this.className = "on";
                    this.blur();
                }
            }
        }
    }

    var clickState2 = function() {
        var $D = WDPRO.util.Dom;

        if( $D.get( "subNav" ) ) {
            var list = $D.get( "siteNav" );
            var links = list.getElementsByTagName( 'a' );

            for( var i = 0; i < links.length; i++ ) {
                links[i].items = links;
                links[i].onclick = function() {
                    for ( j = 0; j < this.items.length; j++) {
                        this.items[j].className = "";
                    }
                    this.className = "on";
                    this.blur();
                }
            }
        }
    }

    // For adding rounded corners on specified navigation sub menu elements.
    var clickState3 = function() {
        var $D = WDPRO.util.Dom;
        var subNavElements = new Array();
        subNavElements[0] = "menu-florida-couture-collection";
        subNavElements[1] = "menu-florida-couture-pricing";
        subNavElements[2] = "menu-california-couture-collection";
        subNavElements[3] = "menu-california-couture-pricing";

        for (var i = 0; i < subNavElements.length; i++) {
            if ( $D.get( subNavElements[i] ) ) {
                var navItem = $D.get(subNavElements[i]);
                var links = navItem.getElementsByTagName( 'a' );
                var innerSpans = links[0].getElementsByTagName( 'span' );
                var innerSpan = innerSpans[0];
                $D.removeClass(navItem, "");
                $D.addClass(navItem, "subNavItemLast");
            }
        }
    }

    // For removing highlight on parent left-hand sub navigational
    // item, if any child sub navigation item is highlighted.
    var clickState5 = function() {

        var $D = WDPRO.util.Dom;
        if ( $D.get( "leftContentContainer" )) {

            var leftContainer = $D.get("leftContentContainer");
            var liElements = leftContainer.getElementsByTagName( 'li' );
            var activeMenuItemNodes = new Array();

            for (var i =0; i < liElements.length; i++) {
                var removeResult = $D.removeClass(liElements[i], "active");
                if (removeResult == true) {
                    activeMenuItemNodes[activeMenuItemNodes.length++] = i;
                }
            }

            // There exists a grandparent, parent, and child menu
            // item.
            if (activeMenuItemNodes.length == 3) {
                for (var i = 0; i <activeMenuItemNodes.length; i+=2) {
                    $D.addClass(liElements[activeMenuItemNodes[i]], "active");
                }
            }

            // There is only a parent and child menu item.
            else {
                for (var i = 0; i <activeMenuItemNodes.length; i++) {
                    $D.addClass(liElements[activeMenuItemNodes[i]], "active");
                }
            }
        }
    }

    // Collapse and expand child elements based on the condition that the
    // left-hand navigation parent menu item is selected
    var clickState4 = function() {
        var $D = WDPRO.util.Dom;
        if ( $D.get( "leftContentContainer")) {

            var leftContainer = $D.get("leftContentContainer");
            var liElements = leftContainer.getElementsByTagName( 'li' );
            var isVisible = false;
            for (var i=0; i<liElements.length; i++) {

                var parentNode = $D.getAncestorByTagName(liElements[i], "ul");
                var childNode = $D.getAncestorByTagName(liElements[i], "li");

                if ($D.hasClass(parentNode, "nav") == true) {

                    if ($D.hasClass(liElements[i], "active")) {
                        isVisible = true;
                        $D.addClass(liElements[i], "active");
                    }
                    else {
                        isVisible = false;
                        $D.addClass(liElements[i], "");
                    }


                    $D.setStyle(parentNode, "visibility", "visible");

                }
                else {
                    if (isVisible == false) {
                        $D.addClass(liElements[i], "hideSubMenuItem");
                    }
                    else {
                        if ($D.hasClass(childNode, "active")) {
                            $D.addClass(liElements[i], "");
                        }
                        else {
                            $D.addClass(liElements[i], "hideSubMenuItem");
                        }
                    }
                }
            }
        }
    }

    clickState1();
    clickState2();
    clickState3();
    clickState4();
    clickState5();
});


/**
* menutoggle
*/

/**
* menutoggle
*/
WDPRO_LOADER.addCallback(function() {
    var $D = WDPRO.util.Dom;

    var toggleNav = function( list ){
            var $D = WDPRO.util.Dom;
            var parent = list.parentNode;
            var parentUL = parent.getElementsByTagName( 'ul' );

            // get first ul only and assign property so other uls don't show
            if ( parentUL[0].style.display == "none" ) {
                $D.setStyle( parentUL[0], 'display', 'block');
            } else {
                $D.setStyle( parentUL[0], 'display', 'none');
            }
    }

    if( $D.get( 'leftNavList' ) ) {
        var navigation = $D.get( 'leftNavList' );
        var navSubUL = navigation.getElementsByTagName( 'ul' );
        var navSubLink = navigation.getElementsByTagName( 'a' );

        for ( i = 0; i < navSubLink.length; i++ ){
                if ( navSubLink[i].className.match( 'nested' ) ) {
                    navSubLink[i].onclick = function () {
                        toggleNav(this);
                        return;
                    }
                }
            // give parents a class
            // optimize later so that not every parent element has a class
            navSubLink[i].parentNode.className = "expandable";
        }

        // hide nested uls
        for( i= 0; i < navSubUL.length; i++ ) {
            navSubUL[i].style.display = 'none';
        }
    }
});