﻿(function ($) {

    // 
    Website = {
        Settings: {
            VisibleClass: 'visible'
            , HiddenClass: 'hidden'
            , openClass: 'open'
            , ToggleItems: '#intro1, #intro2'
            , ToggleButton: '.toggle'
            , Slider: '#three_degrees_result'
            , ThreeDegreesButtons: '#showThreeDegreesResult'
            , History: '#history'
            , ShowHistoryButton: '#learn_more_btn'
        }

        , SlideDown: function ($s, e, id) {
            var me = this;
            e.preventDefault();
            $s.hide();
            if (!$(id).hasClass(me.Settings.openClass)) {
                $(id)
                    .slideDown('fast')
                    .addClass(me.Settings.openClass);
            }
            return false;
        }

        , Init: function () {
            var me = this;

            $(me.Settings.ToggleButton).click(function (e) {
                e.preventDefault();
                $(this).slideUp('fast');
                $(me.Settings.ToggleItems).each(function () {
                    if ($(this).hasClass(me.Settings.VisibleClass)) {
                        //$(this)
                        //    .removeClass(me.Settings.VisibleClass)
                        //    .addClass(me.Settings.HiddenClass)
                        //    .hide();
                    } else {
                        $(this)
                            .addClass(me.Settings.VisibleClass)
                            .removeClass(me.Settings.HiddenClass)
                            .slideDown('fast');
                    }
                });
                return false;
            });

            $(me.Settings.ThreeDegreesButtons).click(function (e) { return me.SlideDown($(this), e, me.Settings.Slider); });
            $(me.Settings.ShowHistoryButton).click(function (e) { return me.SlideDown($(this), e, me.Settings.History); });
        },
    };

})(jQuery);


$(function () {
    Website.Init();
});
