$(document).ready(function() {
    $(".hideFromNoScript").show();
    showFeaturedFaqs();
});

function changeImg(elm_id, img) {
    $("#" + elm_id).attr("src", img);
}

function showFaq(faqID) {
    $(".showFaq").hide();
    var faqClassName = ".fullFaq" + faqID;
    $(faqClassName).show();
}

function filterFaqs(category) {
    $(".showFaq").hide();

    //Highlight the selected category
    $("a").each(function(i, el) {
        var aCategory = $(el).attr("category");
        if (aCategory != null) {
            $(el).attr("class", aCategory == category ? "selected" : "");
        }
    });

    //And show/hide the FAQs
    $("p").each(function(i, el) {
        var categories = $(el).attr("categories");
        if (categories != null) {
            var isfound = false;
            $.each(categories.split(","), function(i, item) {
                isfound |= $.trim(item) == $.trim(category);
            });
            isfound ? $(el).show() : $(el).hide();
        }
    });
}

function showCategories() {
    $("#divCategories").show();
    $("#showCategoriesLink").attr("class", "selected");
    $("#showConsultantsFaqsLink").attr("class", "");
    $("#showFeaturedFaqsLink").attr("class", "");
    $(".showFaq").hide();

    //hardcoded!
    filterFaqs('Communication');
}

function showFeaturedFaqs() {
    $("#divCategories").hide();
    $("#showCategoriesLink").attr("class", "");
    $("#showConsultantsFaqsLink").attr("class", "");
    $("#showFeaturedFaqsLink").attr("class", "selected");
    $(".showFaq").hide();

    $("p").each(function(i, el) {
        var isFeatured = $(el).attr("isFeatured");
        if (isFeatured != null) {
            (isFeatured == "true") ? $(el).show() : $(el).hide();
        }
    });
}

function showConsultantsFaqs() {
    $("#divCategories").hide();
    $("#showCategoriesLink").attr("class", "");
    $("#showFeaturedFaqsLink").attr("class", "");
    $("#showConsultantsFaqsLink").attr("class", "selected");
    $(".showFaq").hide();

    $("p").each(function(i, el) {
        var categories = $(el).attr("categories");
        if (categories != null) {
            var isConsultants = false;
            $.each(categories.split(","), function(i, item) {
                isConsultants |= $.trim(item) == "Consultants";
            });
            isConsultants ? $(el).show() : $(el).hide();
        }
    });
}