(function () {

	if (typeof discover === 'undefined' || !('bank' in discover)) {
		throw "Unable to load: missing required libraries.";
		return;
	}

	/**
	 * Discover Bank How It Works Library
	 *
	 * @namespace 	discover.bank
	 * @class     	discover.bank.howitworks
	 * @author   	Michael Robinson (mrobinson@mcdpartners.com)
	 */
	discover.bank.howitworks = function() {

        // this corrects a background image flicker issue in IE6
        try {
            document.execCommand("BackgroundImageCache", false, true);
        } catch (e) {
        }

		var stepNav = mcd.dom.getElementsByAttribute('rel', 'how-step', 'how-it-works-nav', 'a', true);
		for(var i = 0; i < stepNav.length; i++){
			var node = stepNav[i];

			node.onclick = function(){
				var activeClass = this.getAttribute('rel').substring(9, node.getAttribute('rel').length - 1);
				var parentContainer = document.getElementById('how-it-works');
				parentContainer.className = activeClass;

                var footnoteContainer = document.getElementById("footnotes");
                if (typeof footnoteContainer != "undefined") {
                    var footnotes = footnoteContainer.getElementsByTagName("P");
                    var footnoteClass = activeClass.replace("active-", "");
                    for (var i=0; i < footnotes.length; i++) {
                        if (mcd.dom.hasClass(footnotes[i], footnoteClass)) {
                            mcd.dom.removeClass(footnotes[i], "hide");
                        } else {
                            mcd.dom.addClass(footnotes[i], "hide");
                        }
                    }

                }
                return false;
			};

		}
	};

	discover.bank.howitworks();
})();