var comments = document.getElementById("comments");
var links = document.getElementById("links");
var spread = document.getElementById("spread");
var hansard = document.getElementById("hansard");

var toolsMenu = document.getElementById("toolsMenu");
var commentsBtn = document.getElementById("commentsBtn");
var linksBtn = document.getElementById("linksBtn");
var spreadBtn = document.getElementById("spreadBtn");
var hansardBtn = document.getElementById("hansardBtn");

var active = readCookie("panel");

if(active == null)
{
   active = 'comments';
}


//
// Display the menu, hide unnecessary headings and restyle the panels
//

toolsMenu.style.display = "block";

initPanel(links);
initPanel(comments);
initPanel(spread);
initPanel(hansard);

showPanel(active);


//
// Events
//


//
// Event handlers
//

function showPanel(panel)
{
   var activePanel = document.getElementById(active);
   var activeBtn   = document.getElementById(active + 'Btn');

   var newPanel = document.getElementById(panel);
   var newBtn   = document.getElementById(panel + 'Btn');
   
   activePanel.style.display = "none";
   newPanel.style.display = "block";

   activeBtn.style.backgroundColor = '#eeffee';
   newBtn.style.backgroundColor = '#fdfffd';
   
   active = panel;

   createCookie("panel", panel, 0);
}


//
// Helpers
//

function initPanel(panel)
{
   panel.style.border = '1px solid black';
   panel.style.width = '100%';
   panel.style.backgroundColor = '#FDFFFD';

   panel.style.left = comments.style.left;
   panel.style.top = comments.style.top;

   panel.style.display = "none";

   panel.getElementsByTagName("h4")[0].style.display = "none";
}