$(document).ready(function() {
  $('#tabbed').prepend('<ul class="tabbednav"></ul>');
  $('#tabbed .tabbed-content > h2').each(function() {
    var tab_title = $(this).remove().text();
    $('#tabbed .tabbednav').append('<li><a href="#">' + tab_title + '</a></li>');
  });
  $('#tabbed .tabbednav li:first').addClass('active');
  $('#tabbed .tabbed-content').addClass('hidden');
  $('#tabbed .tabbed-content:first').removeClass('hidden');
  $('#tabbed .tabbednav a').click(function() {
    var clicked_link = $(this).parent().index();
    $('#tabbed .tabbednav li').removeClass('active');
    $(this).parent().addClass('active');
    $('#tabbed .tabbed-content').addClass('hidden');
    $('#tabbed .tabbed-content').eq(clicked_link).removeClass('hidden');
    return false;
  });
});

function show1() {
  var divone = document.getElementById("one");
  divone.style.display = "block";
  var lionelink = document.getElementById("onelink");
  lionelink.style.borderBottomColor = "#fff";
  lionelink.style.backgroundColor = "#731718";
}
function show2() {
  var divtwo = document.getElementById("two");
  divtwo.style.display = "block";
  var litwolink = document.getElementById("twolink");
  litwolink.style.borderBottomColor = "#fff";
  litwolink.style.backgroundColor = "#731718";
}
function show3() {
  var divthree = document.getElementById("three");
  divthree.style.display = "block";
  var lithreelink = document.getElementById("threelink");
  lithreelink.style.borderBottomColor = "#fff";
  lithreelink.style.backgroundColor = "#731718";
}
function hide1() {
  var divone = document.getElementById("one");
  divone.style.display = "none";
  var lionelink = document.getElementById("onelink");
  lionelink.style.borderBottomColor = "#ccc";
  lionelink.style.backgroundColor = "#43443F";
}
function hide2() {
  var divtwo = document.getElementById("two");
  divtwo.style.display = "none";
  var litwolink = document.getElementById("twolink");
  litwolink.style.borderBottomColor = "#ccc";
  litwolink.style.backgroundColor = "#43443F";
}
function hide3() {
  var divthree = document.getElementById("three");
  divthree.style.display = "none";
  var lithreelink = document.getElementById("threelink");
  lithreelink.style.borderBottomColor = "#ccc";
  lithreelink.style.backgroundColor = "#43443F";
}

/*
Combines above functions
*/
function tab1() {
  show1();
  hide2();
  hide3();
}
function tab2() {
  show2();
  hide1();
  hide3();
}
function tab3() {
  show3();
  hide1();
  hide2();
}