$(document).ready(function() {

    StyleTweaks.prepareContrastLists();
    StyleTweaks.prepareRainbowLists();
    StyleTweaks.prepareLinkButtons();
    
    FaqCollapse.init();
    NoflashPopup.init();
    ActiveMenuState.init();

});


var StyleTweaks = { 

    prepareContrastLists : function()
    {
        $('ul.contrast li, ol.contrast li').wrapInner('<span></span>');
    },
    
    prepareRainbowLists : function()
    {
        var colors = [ 'red', 'blue', 'yellow', 'green' ];        
        var $listItems = $('ul.rainbow li, ol.rainbow li');
        
        $listItems.wrapInner('<span></span>');
        
        $listItems.each(function(index, item) {
            index = index % colors.length;
            $(item).addClass(colors[index]);
        });
    },
    
    prepareLinkButtons : function()
    {
        var $anchors = $('a.button');
        
        $anchors.each(function(index, item) {
            var $a = $(item).clone();
            var $p = $(item).parent();            
            $a.insertAfter($p);
            $p.remove();
            
            $a.wrap('<div class="clearfix"></div>')
              .wrap('<div class="button"></div>')
              .wrap('<div class="left"></div>')
              .wrap('<div class="right"></div>')
              .wrap('<div class="top"></div>')
              .wrap('<div class="bottom"></div>');
        });        
    }
}

var FaqCollapse = {

    init : function() {
        
        var $sections = $('ul.FAQ > li');
        var $sectionHeadings = $('ul.FAQ > li > h4');    
        var $firstSection = $('ul.FAQ > li:first-child');
        var $faqItems = $('ul.FAQ > li > ul > li');
        var $faqItemQuestions = $('ul.FAQ > li > ul > li > h5');
        
        $sectionHeadings.wrapInner('<span class="arrow"></span>');
        $faqItemQuestions.wrapInner('<span class="arrow"></span>');
        
        $sections.addClass('collapse');
        $faqItems.addClass('collapse');        
        $faqItemQuestions.addClass('clickable');
        $sectionHeadings.addClass('clickable');        
        //$firstSection.removeClass('collapse');
        
        
        $sectionHeadings.click(function() {
            $p = $(this).parent();
            
            if ( $p.hasClass('collapse') )
            {
                $('ul', $p).slideDown();
            }
            else
            {
                $('ul', $p).slideUp();
            }
            
            $p.toggleClass('collapse');
        });
        
        $faqItemQuestions.click(function() {
            $p = $(this).parent();
            
            if ( $p.hasClass('collapse') )
            {
                $('p', $p).slideDown();
            }
            else
            {
                $('p', $p).slideUp();
            }
            
            $p.toggleClass('collapse');        
        });
    }
}

var NoflashPopup = {

    init: function () {
        $popupContinue = $('.noflashPopup a.continue');
        $popupContinue.show();
        $popupContinue.click(function () {
            $('.noflashPopup').fadeOut();
            $("#noflashMask").fadeOut();
            return false;
        });
    }
}


var ActiveMenuState = {

    init : function() {
    
        var currentUrl = window.location;
        var navAnchors = $('.menuContainer a');
        var navSections = $('#mainNav > li');
        var activeCssClass = 'selected';
        
        var markActivePages = function(index, anchor) {
            if (anchor.href == currentUrl) {
                $(anchor).parent().addClass(activeCssClass);
            }
        }

        var markActiveSections = function(index, li) {
            if ( $(li).find('.selected').length ) {
                $(li).addClass(activeCssClass);
            }
        }
        
        navAnchors.each(markActivePages);
        navSections.each(markActiveSections);
    }
}