$(document).ready(function(){

        $.jtabber({
            mainLinkTag: "#subNavButtons a", // much like a css selector, you must have a 'title' attribute that links to the div id name
            activeLinkClass: "selected", // class that is applied to the tab once it's clicked
            hiddenContentClass: "hiddenContent", // the class of the content you are hiding until the tab is clicked
            showDefaultTab: 1, // 1 will open the first tab, 2 will open the second etc.  null will open nothing by default
            showErrors: true, // true/false - if you want errors to be alerted to you
            effect: 'fade', // null, 'slide' or 'fade' - do you want your content to fade in or slide in?
            effectSpeed: 'medium' // 'slow', 'medium' or 'fast' - the speed of the effect
        })

    })


    function toggle(bio) {
       var bios = $('div[name=bios]');
       for(var x=0; x<bios.length; x++) {
               if (bios[x].id == bio) {
                       bios[x].style.display = 'block';
               }
               else {
                       bios[x].style.display = 'none';
               }
       }
}

// fugly workaround for jtabber tab selection on page load
function showContactUs()
{
    $("div[id=aboutMain]").css('display', 'none');
    $("#contactUs").css('display', 'block');
    $("A[title=contactUs]").attr("class", "selected");

    $("div[id=investorMain]").css('display', 'none');
    $("#infoRequest").css('display', 'block');
    $("A[title=infoRequest]").attr("class", "selected");
}