var currentPaneStyle = 0;
var currentTab = 0;

var home = "<table class='submenu' width='100%' border=0 cellspacing=0 cellpadding=0><tr><td width=70%>&nbsp;</td></tr></table>";
var chile = "<table class='submenu' width='100%' border=0 cellspacing=0 cellpadding=0><tr><td width=70%>&nbsp;</td></tr></table>";
var india = "<table class='submenu' width='100%' border=0 cellspacing=0 cellpadding=0><tr><td width=70%>&nbsp;</td></tr></table>";
var chamonix = "<table class='submenu' width='100%' border=0 cellspacing=0 cellpadding=0><tr><td width=70%>&nbsp;</td></tr></table>";
var namibia = "<table class='submenu' width='100%' border=0 cellspacing=0 cellpadding=0><tr><td width=70%>&nbsp;</td></tr></table>";
var southafrica = "<table class='submenu' width='100%' border=0 cellspacing=0 cellpadding=0><tr><td width=70%>&nbsp;</td></tr></table>";

function tabstrip()
{
   this.tabs = new Array();
   this.add = addTab;
   this.write = writeTabstrip;
}

function tab(caption,content,nav)
{
  this.setId = setId;
	this.nav = nav;
  this.caption = "&nbsp;&nbsp;" + caption + "&nbsp;&nbsp;";
  this.content = content;
  this.write = writeTab;
  this.writeContent = writePane;
}



function addTab(tab)
{
  tab.setId("tab" + this.tabs.length);
  this.tabs[this.tabs.length] = tab;
}

function setId(id)
{
  this.id = id;
}

function initiate()
{
  var div = document.getElementById("tab0");
  showPane(div);
}

function showPane(div)
{
  if(currentTab != 0)
  {
    currentTab.style.backgroundColor = "#33ccff";
  }
  div.style.backgroundColor = "#ffff99";
  currentTab = div;

  if(currentPaneStyle != 0)
    currentPaneStyle.display = "none";
  var paneId = "pn_" + div.id;
  var objPaneStyle = document.getElementById(paneId).style;
  objPaneStyle.display = "block";
  currentPaneStyle = objPaneStyle;
}

function writePane()
{
  document.write("<div class='pane' id='pn_" + this.id + "'>" + this.content + "</div>");
}

function writeTab()
{
   //document.write("<td class='tabs'><div class='tabs' id='" + this.id + "' onclick='showPane(this);'>" + this.caption + "</div></td>");
   document.write("<td class='tabs'><div class='tabs' id='" + this.id + "' onclick='showPane(this); parent.frames[\"travel-photo-main\"].location.replace(\"" + this.nav + "\");'>" + this.caption + "</div></td>");
}

function writeTabstrip()
{
  document.write("<table class='tabs' border=0 cellspacing=0 cellpadding=0><tr>");
  for(var i = 0; i < this.tabs.length; i++)
  {
    this.tabs[i].write();
  }
  document.write("</tr></table>");
  
  for(var k = 0; k < this.tabs.length; k++)
  {
    this.tabs[k].writeContent();
  }

  initiate();
}

function writeMenu()
{
  var ts = new tabstrip();
  var t1 = new tab("Home",home, "main.htm");
  var t2 = new tab("Chile",chile, "http://www.getabroad.co.uk/photoalbums/chile93a/chile93a.htm");
  var t3 = new tab("India",india, "http://www.getabroad.co.uk/photoalbums/southindia/india2001.htm");
  var t4 = new tab("Chamonix",chamonix, "http://www.getabroad.co.uk/photoalbums/chamonix/chamonix.htm");
  var t5 = new tab("Namibia",namibia, "http://www.getabroad.co.uk/photoalbums/Namibia2002/na2002.htm");
  var t6 = new tab("South Africa",southafrica, "http://www.getabroad.co.uk/photoalbums/SA2004/sa04.htm");
  ts.add(t1);
  ts.add(t2);
  ts.add(t3);
  ts.add(t4);
  ts.add(t5);
  ts.add(t6);

  ts.write();
}