function Navbar () {
  this.navbar = new Array (
  					new Array('conditioningtraining',new Array("30","boot")),
					  new Array('swimtraining',new Array("openwater","openwaterclinic","openwaterworkout","pool","poolclinic")),
					
					  new Array('triathlon',new Array("triathlonclinic","triathlonlecture","fitness")),
					  new Array('newtri',new Array()),
					  new Array('calendar',new Array()),
					  new Array('testimonials',new Array()),
					  new Array('about',new Array())
					  );
  this.hitImage = this.getObject( pageName );
  this.hitImage.src = '/images/nav/' + pageName + '.hit.gif';

  document.write(this._init());
  return this;
}

Navbar.prototype._init = function() {
  var output = "";
  for(var i = 0; i < this.navbar.length; i++) {
    output += '<span align="left"';
    var main = this.navbar[i];
    var main_name = main[0];
    var sub = main[1];
    var sub_len = sub.length;
    if( sub_len > 0 ) {
	 output += ' onmouseover="nav.show(\''+main_name+'SubNav\')" onmouseout="nav.hide(\''+main_name+'SubNav\')"';
    }
    output += '><a class="mainImage" href="/'+main_name+'/"><img src="/images/nav/'+main_name+'.off.gif" border="0" id="'+main_name+'"';
    output += ' onmouseover="nav.overImage(\''+main_name+'\');" onmouseout="nav.outImage(\''+main_name+'\');"></a>';
    if( sub.length > 0 ) {
	 output += '<span id="'+main_name+'SubNav" class="subNav" style="visibility: hidden; display: none;">';
	 for(var j = 0; j < sub.length; j++) {
	   var sub_name = sub[j];
	   output += '<a href="/'+main_name+'/'+sub_name+'/">';
	   output += '<img src="/images/nav/'+sub_name+'.gif" border="0" id="'+sub_name+'" style="';
	   if(navigator.appVersion.indexOf("MSIE")==-1) {
		output += 'position: relative;';
	   } else {
		output += 'position: absolute;';
	   }
	   if(navigator.appVersion.indexOf("MSIE")==-1) {
		output += ' top: '+(26*j)+'px;';
	   } else {
		output += ' top: '+(26*(j+1))+'px;';
	   }
	   if(navigator.appVersion.indexOf("MSIE")==-1) {
		output += ' left: '+((123*i)-(123*j)+(i*4))+'px;';
	   } else {
		output += ' right: '+(i*4)+'px;';
	   }
	   output += '"></a>';
	 }
	 
	 output += '</span>';
    }
    output += '</span>';
  }
  return output;
};

Navbar.prototype.overImage = function(image) {
  var newImg = nav.getObject(image);
  newImg.src = '/images/nav/' + image + '.on.gif';
};

Navbar.prototype.outImage = function(image) {
  var newImg = this.getObject(image);
  newImg.src = '/images/nav/' + image + '.off.gif';
  var hitImg = this.getObject(pageName);
  hitImg.src = '/images/nav/' + pageName + '.hit.gif';
};

Navbar.prototype.hide = function(index)
{
  var myElement = this.getStyleObject(index);
  if( myElement ) {
    myElement.display = ('none' == myElement.display) ? '' : 'none';
    myElement.visibility = ('hidden' == myElement.visibility) ? '' : 'hidden';
  }
};

Navbar.prototype.show = function(index)
{
  var myElement = this.getStyleObject(index);
  if( myElement ) {
    myElement.display = ('block' == myElement.display) ? '' : 'block';
    myElement.visibility = ('visible' == myElement.visibility) ? '' : 'visible';
  }
};

Navbar.prototype.getObject = function(objectId)
{
  if(document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId);
  } else if (document.all && document.all(objectId)) {
    return document.all(objectId);
  } else if (document.layers && document.layers[objectId]) {
    return document.layers[objectId];
  } else {
    return false;
  }
};

Navbar.prototype.getStyleObject = function(objectId)
{
  if(document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId).style;
  } else if (document.all && document.all(objectId)) {
    return document.all(objectId).style;
  } else if (document.layers && document.layers[objectId]) {
    return getObjNN4(document,objectId);
  } else {
    return false;
  }
};

Navbar.prototype.getObjNN4 = function(obj,name)
{
  var x = obj.layers;
  var foundLayer;
  for (var i=0;i<x.length;i++) {
    if (x[i].id == name) foundLayer = x[i];
    else if (x[i].layers.length) var tmp = this.getObjNN4(x[i],name);
    if (tmp) foundLayer = tmp;
  }
  return foundLayer;
};

function sendCheck()
{
  alert('Please mail your checks to:\n 2917 24th Ave W.\n Seattle WA 98199');
};

var nav = new Navbar();