$(document).ready(function() {
    $('div.thumb').hover(function() {
        var fade = $('> div', this);
        fade.fadeIn(250);
    }, function() {
        var fade = $('> div', this);
        fade.fadeOut(250);
    });
    $("ul.mainNav").superfish({
        autoArrows: false
    });
    $("a[rel='lightboxPhoto']").colorbox();
    var timeline = $('#timeline');
    var slideAmt = $(timeline).find('li').size();
    var decadeIdx = 0;
    var currentDecade = $(timeline).find('li').eq(decadeIdx);
    $(currentDecade).css('display', 'block');
    $(currentDecade).cycle({
        fx: 'fade',
        nowrap: 1,
        end: calcDecade,
        timeout: 3000
    });
    $('#timelineNavigation li').eq(decadeIdx).find('a').addClass('on');
    $('#timelineNavigation li')
    $('#timelineNavigation li a').click(function() {
        $(currentDecade).cycle('destroy').css('display', 'none');
        decadeIdx = $(this).parents('li').index();
        switchDecade(decadeIdx);
        return false;
    });

    function calcDecade() {
        $(currentDecade).cycle('destroy').css('display', 'none');
        if (decadeIdx + 1 > slideAmt - 1) {
            decadeIdx = 0;
        } else {
            decadeIdx++;
        }
        switchDecade(decadeIdx);
    }
    function switchDecade(decadeIdx) {
        currentDecade = $(timeline).find('li').eq(decadeIdx);
        $(currentDecade).css('display', 'block');
        $('#timelineNavigation li a').removeClass('on');
        $('#timelineNavigation li').eq(decadeIdx).find('a').addClass('on');
        $(timeline).find('img').css('display', 'none');
        $(currentDecade).find('img').fadeTo(700, 1).css('display', 'block');
        $(currentDecade).cycle({
            fx: 'fade',
            nowrap: 1,
            end: calcDecade,
            timeout: 3000
        });
    }

    /* FAQ Accordian */
    $('div.accordian> div').hide();
    $('div.accordian> h4').click(function() {
        $('div.accordian> h4').removeClass('on');
        $(this).next('div').slideToggle('slow').siblings('div:visible').slideUp('slow').removeClass('on');
        $(this).toggleClass("on");
    });
});