$(document).ready(function() {

    $('#tabsViewContainer .view').hide();
    $('#tabsViewContainer #whoare').show();
    $('.tab #hlTabWhoAre').addClass("selected");

    $('#tabWhoAre').click(function(e) {
    e.preventDefault();
    change('whoare', "hlTabWhoAre");
    });

    $('#tabCaseStudy').click(function(e) {
    e.preventDefault();
    change('casestudies', 'hlTabCaseStudy');
    });

    $('#tabQuestion').click(function(e) {
    e.preventDefault();
    change('question', 'hlTabQuestion');
    });

    $('#tabExclamation').click(function(e) {
    e.preventDefault();
    change('isitascam', 'hlTabExclamation');
    });
});

function change(view, tab) {
    $('.tab a').each(function(e) {
        if ($(this).attr("id") == tab.toString()) {
            $(this).addClass("selected");
        } else {
            $(this).removeClass("selected");
        }
    });

    $('#tabsViewContainer .view').each(function(e) {
        if ($(this).attr("id") == view.toString()) {
            $(this).show();
            $(this).removeClass("tabhide");
        } else {
            $(this).hide();
            $(this).addClass("tabhide");
        }
    });
}