$(document).ready(function() {
    /*----------------
        Popup button listeners for when answers are not saved
    ------------------*/
    $(".cancel-section-collapse").click(function () {
        var section_id = $(this).attr('data-section');
        $("#collapse-" + section_id).collapse("show");
        $('#section-' + section_id + '-collapse-alert').modal("hide");
    });

    $(".discard-section-collapse").click(function () {
        var section_id = $(this).attr('data-section');
        $('#section-' + section_id + '-collapse-alert').modal("hide");
    });

    $(".save-section-collapse").click(function () {
        var section_id = $(this).attr('data-section');
        $("#collapse-" + section_id).find("input[type='submit']").click();
        $('#section-' + section_id + '-collapse-alert').modal("hide");
    });
    /*----------------
        Listener for clicks in any of the right column of question tabs (e.g. Guidances, Notes)
    ------------------*/
    $('.right_column_tab_link').click(function(e){
        e.preventDefault();
        // Find current active tab and hide it
        var active = $(this).closest('.question_right_column_ul').children().filter('.active');
        active.removeClass('active');
        $(this).closest('.question-area-right-column').find('div.'+active.attr('class')).hide();
        // Select the clicked tab as active and display its content
        active = $(this).parent();
        $(this).closest('.question-area-right-column').find('div.'+active.attr('class')).show();
        active.addClass('active');
    });
    /*----------------
        Accordion toggling for displaying/hiding guidances. 
        TODO moving to lib/assets/javascripts/annotations when partials for guidances are created  
    ------------------*/
    $('.accordion-guidance-link').on('click', function (e) {
        e.stopPropagation();
        e.preventDefault();
        var accordion_body = $($(this).attr("href"));
        accordion_body.toggleClass("in");   //adds or removes 'in' class from accordion_body  
        if(accordion_body.hasClass('in')){    //accordion expanded
            $(this).children(".plus-laranja").removeClass("plus-laranja").addClass("minus-laranja");    //display minus
        }
        else {  //accordion collapsed
            $(this).children(".minus-laranja").removeClass("minus-laranja").addClass("plus-laranja");   //display plus
        }
    });
});