/* zp.js
 * javascript for ZP main page (tab switcher)
 * last modified 28-Oct-2006 JWH
 */
function setupTabs() {
  var tabBreak = getObject('tabBreak');
  if (tabBreak != null) {
    var tabBar = document.createElement('ul');
    tabBar.id = 'tabBar';

    addToBar(tabBar, '1', 'Consultancy');
    addToBar(tabBar, '2', 'Business Systems');
    addToBar(tabBar, '3', 'Web Design');
    addToBar(tabBar, '4', 'Contact Us');

    tabBreak.parentNode.replaceChild(tabBar, tabBreak);

    showTab('0');
  }
}

function addToBar(tabBar, tabId, tabName) {
  var tab = document.createElement('li');
  tab.id = 'tab' + tabId;
  tabBar.appendChild(tab);
  var link = document.createElement('a');
  link.href = "javascript:showTab('" + tabId + "');";
  tab.appendChild(link);
  var text = document.createTextNode(tabName);
  link.appendChild(text);
}

function showTab(tabId) {
  var doScroll = 0;

  for (ix = 0; ix <= 4; ix++) {

    var tab = getObject("tab" + ix);
    if (tab != null) {
      if (ix == tabId) {
        tab.style.backgroundColor = "#fff";
        tab.style.borderColor = "#1e90ff";
        tab.style.borderBottomColor = "#fff";
        tab.childNodes[0].blur();
	doScroll = 1;
      } else {
        tab.style.backgroundColor = "#cee7ff";
        tab.style.borderColor = "#1e90ff";
      }
    }

    var tabBody = getObject("tab" + ix + "body");
    if (ix == tabId) {
      tabBody.style.display = "block";
    }
    else {
      tabBody.style.display = "none";
    }
  }

  if (doScroll) {
    var el=getObject("tabContainer");
    var y=el.offsetTop;
    while((el=el.offsetParent) != null) { y += el.offsetTop; }
    scroll(0, y);
  }
}

function getObject(name) {
  if (document.getElementById)
    return document.getElementById(name);
  else if (document.all)
    return document.all[name];
  else if (document.layers)
    return document.layers[name];

  return null;
}