var pics = new Array()
var objCount = 0
var activeMenu = ""
var NORMAL = 0
var ROLLOVER = 1
var ACTIVE = 2
var IMAGENAME = 3


var NS4 = (document.layers) ? true : false;
var IE4 = (document.all && !document.getElementById) ? true : false;
var IE5 = (document.all && document.getElementById) ? true : false;
var NS6 = (!document.all && document.getElementById) ? true : false;

function preload(name, outImage, overImage, actImage) {
        pics[objCount] = new Array()
        pics[objCount][NORMAL] = new Image()
        pics[objCount][NORMAL].src = outImage
        pics[objCount][ROLLOVER] = new Image()
        pics[objCount][ROLLOVER].src = overImage
        pics[objCount][ACTIVE] = new Image()
        pics[objCount][ACTIVE].src = actImage
        pics[objCount][IMAGENAME] = name
        objCount++;
}

function rollover(name) {
        for (i = 0; i < objCount; i++) {
                if (name == pics[i][IMAGENAME]) {
                        if (activeMenu == name) stat = ACTIVE
                        else stat = ROLLOVER
                       	document.images[pics[i][IMAGENAME]].src = pics[i][stat].src
                }
        }
}

function rollout(name) {
        for (i = 0; i < objCount; i++) {
                if (name == pics[i][IMAGENAME]) {
                        if (activeMenu == name) stat = ACTIVE
                        else stat = NORMAL
                        document.images[pics[i][IMAGENAME]].src = pics[i][stat].src
                }
        }
}

function activate(name) {
        for (i = 0; i < objCount; i++) {
                if (name == pics[i][IMAGENAME])
                        document.images[pics[i][IMAGENAME]].src = pics[i][ACTIVE].src
                if (activeMenu == pics[i][IMAGENAME])
                        document.images[pics[i][IMAGENAME]].src = pics[i][NORMAL].src
        }
        activeMenu = name
}


function show(id) {
	if (NS4){
		document.layers[id].visibility = "show"
	} else if (IE4) {
		document.all[id].style.visibility = "visible"
	} else if (IE5 || NS6) {
		document.getElementById(id).style.visibility = "visible"
	}
}


function hide(id) {
	if (NS4){
		document.layers[id].visibility = "hide"
	} else if (IE4) {
		document.all[id].style.visibility = "hidden"
	} else if (IE5 || NS6) {
		document.getElementById(id).style.visibility = "hidden"
	}
}