<!--

//web buttons script version 2.0
//by David Branford

//includes
function getObj(name)
{
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
	this.obj = getObjNN4(document,name);
	this.style = this.obj;
  }
}

function getObjNN4(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 = getObjNN4(x[i],name);
		if (tmp) foundLayer = tmp;
	}
	return foundLayer;
}

//define button object
function button(imgUp, imgOver, imgDown)
{
    this.imgUp = imgUp;
    this.imgOver = imgOver;
    this.imgDown = imgDown;
}

var W3CDOM = (document.createElement && document.getElementsByTagName); //check if browser supports W3CDOM
var c = 0;
var cc = 0;
var imgs = 0;
var imgtype = "";

//check for existence of user-defined button
//image path
if (!webButtonURL)
{ //no user-defined path - default to current folder
    var webButtonURL = "";
}

//create array nav containing all image elements
//in document
if (document.getElementsByTagName)
{
    var nav = document.getElementsByTagName('img');
} else {
    var nav = document.images;
}

//iterate through nav array to count number of
//images of class 'web_button'
for (var i = 0; i < nav.length; i++)
{
    if (nav[i].className.substring(0, 10))
    {
        if (nav[i].className.substring(0, 10) == 'web_button') c++;
    }
}

//create array to contain only images
//of class 'web_button', the number of
//which is stored in c
var n = new Array(c);

//sort nav array of images into new array
//n containing only images of class 'web_button'
for (var i = 0; i < nav.length; i++)
{
    if (nav[i].className.substring(0, 10))
    {
        if (nav[i].className.substring(0, 10) == 'web_button')
        {
            n[cc] = nav[i];
            cc++;
        }
    }
}

var imgButton = new Array(n.length); //create array to hold n images
var webButton = new Array(n.length); //create array to hold n web button objects

if (!W3CDOM) exit; //if no browser W3CDOM compatibility detected exit script

for (var i = 0; i < n.length; i++)
{
    //determine image filename suffix
    imgtype = n[i].src.substring(n[i].src.lastIndexOf('.'));

    //define new button image objects for
    //up, over and down images for button
    imgButton[i] = new Image();
    imgButton[(i + 1)] = new Image();
    imgButton[(i + 2)] = new Image();

    //preload button images
    imgButton[i].src = webButtonURL + n[i].name + "up" + imgtype;
    imgButton[(i + 1)].src = webButtonURL + n[i].name + "over" + imgtype;
    imgButton[(i + 2)].src = webButtonURL + n[i].name + "down" + imgtype;

    //assign event handlers to web_button image elements
    n[i].onmouseup = doMouseUp;
    n[i].onmouseover = doMouseOver;
    n[i].onmousedown = doMouseDown;
    n[i].onmouseout = doMouseOut;

    //add 'number' property to img element to index
    //button against button images
    n[i].number = i;
    
    //instantiate button object
    webButton[i] = new button(imgButton[i], imgButton[(i + 1)], imgButton[(i + 2)]);
}

//define menu_info variables
var menu_info = new Array(7);
var menu_box = new Array(7);

menu_info[0] = new getObj('menu_info_1');
menu_info[1] = new getObj('menu_info_2');
menu_info[2] = new getObj('menu_info_3');
menu_info[3] = new getObj('menu_info_4');
menu_info[4] = new getObj('menu_info_5');
menu_info[5] = new getObj('menu_info_6');
menu_info[6] = new getObj('menu_info_7');

menu_box[0] = new getObj('menu_box_1');
menu_box[1] = new getObj('menu_box_2');
menu_box[2] = new getObj('menu_box_3');
menu_box[3] = new getObj('menu_box_4');
menu_box[4] = new getObj('menu_box_5');
menu_box[5] = new getObj('menu_box_6');
menu_box[6] = new getObj('menu_box_7');

function doMouseUp()
{ //change button image
    this.src = webButton[this.number].imgOver.src;
}

function doMouseOver()
{ //change button image
    this.src = webButton[this.number].imgOver.src;
    menu_info[this.number].style.visibility = "visible";
    menu_box[this.number].style.visibility = "visible";
}

function doMouseDown()
{ //change button image
    this.src = webButton[this.number].imgDown.src;
}

function doMouseOut()
{ //change button image
    this.src = webButton[this.number].imgUp.src;
    menu_info[this.number].style.visibility = "hidden";
    menu_box[this.number].style.visibility = "hidden";
}

//-->
