function focusTool(id) {
  // Main function for onClick
  changeTab(id);
  showTool(id);
  createCookie('tabFocus',id,0);
}

function changeTab(id) {
	// Clear class names for tab li's & set the class name for the selected tab li
	var lis = document.getElementById('tabs').getElementsByTagName('li');
	for (var i = 0; i < lis.length; i++) {
		lis[i].className = '';
  }
  var theseAnchors = document.getElementById('tabs').getElementsByTagName('a');
	for (var i = 0; i < theseAnchors.length; i++) {
		theseAnchors[i].className = '';
  }
  
	document.getElementById('tab'+id).className = 'focus';
  var theseAnchors = document.getElementById('tab'+id).getElementsByTagName('a');
  for (var i = 0; i < theseAnchors.length; i++) {
    theseAnchors[i].className = 'focus';
  }
}

function showTool(id) {
  // Hide all .tabc divs & display appropriate #tab[x]c div
  var divs = document.getElementById('tools').getElementsByTagName('div');
	for (var i = 0; i < divs.length; i++) {
	  if (divs[i].className == 'tool') {
      divs[i].style.display = 'none';
    }
  }
  document.getElementById('tool'+id).style.display = 'block';
}

function onTab(id) {
  var thisli = document.getElementById('tab'+id);
  var theseAnchors = document.getElementById('tab'+id).getElementsByTagName('a');
  if (thisli.className != 'focus') {
    thisli.className = 'hover';
    for (var i = 0; i < theseAnchors.length; i++) {
      theseAnchors[i].className = 'hover';
    }
  }
}

function offTab(id) {
  var thisli = document.getElementById('tab'+id);
  var theseAnchors = document.getElementById('tab'+id).getElementsByTagName('a');
  if (thisli.className != 'focus') {
    thisli.className = '';
    for (var i = 0; i < theseAnchors.length; i++) {
      theseAnchors[i].className = '';
    }
  }
}



// Cookie functions by PPK and Scott Andrew
// http://www.quirksmode.org/js/cookies.html
// ----------------------------------------------------------------------
function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else var expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

function eraseCookie(name) {
  createCookie(name,"",-1);
}
