function RolloverImage(w, h, on_src, off_src) {
	this.on = new Image(w, h);
	this.on.src = on_src;
	this.off = new Image(w, h);
	this.off.src = off_src;
}

var rollovers = new Array();
rollovers["button1"] = new RolloverImage(99, 20, "../images/home_on.gif", "../images/home_off.gif");
rollovers["button2"] = new RolloverImage(100, 20, "../images/styles_on.gif", "../images/styles_off.gif");
rollovers["button3"] = new RolloverImage(100, 20, "../images/disc_on.gif", "../images/disc_off.gif");
rollovers["button4"] = new RolloverImage(100, 20, "../images/resources_on.gif", "../images/resources_off.gif");
rollovers["button5"] = new RolloverImage(99, 20, "../images/about_on.gif", "../images/about_off.gif");
rollovers["button6"] = new RolloverImage(100, 20, "../images/logo_on.gif", "../images/logo_off.gif");

var iSButton = 1;

function init() {
	document["button"+iSButton].src = rollovers["button"+iSButton].on.src;
}

function buttonOn(iButton) {
	if(iButton != iSButton) {
		document["button"+iButton].src = rollovers["button"+iButton].on.src;
	}
}

function buttonOff(iButton) {
	if(iButton != iSButton) {
		document["button"+iButton].src = rollovers["button"+iButton].off.src;
	}
}

function header(letter) {
	var tempLetters = ""
	tempLetter = letter.replace("_to_", " to ");
	
	var strHTML = ""
					
	strHTML = strHTML + "<tr valign=\"top\" bgcolor=\"#666699\">"
	strHTML = strHTML + "<td bgcolor=\"#FFFFFF\"><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "<td><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "<td><span class=\"tabHeading\">artist(s) for "+tempLetter+"</span></td>"
	strHTML = strHTML + "<td colspan=\"2\"><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "<td><span class=\"tabHeading\">title</span></td>"
	strHTML = strHTML + "<td colspan=\"2\"><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "<td><span class=\"tabHeading\">inst</span></td>"
	strHTML = strHTML + "<td colspan=\"2\"><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "<td><span class=\"tabHeading\">date</span></td>"
	strHTML = strHTML + "<td colspan=\"2\"><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "<td><span class=\"tabHeading\">pub</span></td>"
	strHTML = strHTML + "<td colspan=\"2\"><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "<td colspan=\"5\"><span class=\"tabHeading\">number</span></td>"
	strHTML = strHTML + "<td colspan=\"2\"><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "<td><span class=\"tabHeading\">format</span></td>"
	strHTML = strHTML + "<td colspan=\"2\"><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "<td nowrap=\"nowrap\"><span class=\"tabHeading\">info</span></td>"
	strHTML = strHTML + "<td><img src=\"../images/blank.gif\" width=\"5\" height=\"1\" alt=\"*\" /></td>"
	strHTML = strHTML + "</tr>"
	
	document.write(strHTML);
}

function displayTable() {
	var letterCheck = "";
	var strHTML = ""

	for(var j = 0; j < letters.length; j ++) {
		var arrLength = eval("artist"+letters[j]);
		for(var i = 0; i < arrLength.length; i++) {
			if(letterCheck != letters[j]) {
				header(letters[j]);
				letterCheck = letters[j];
			}
			document.write("<tr><td colspan=\"32\"><img src=\"../images/blank.gif\" width=\"1\" height=\"8\" alt=\"\" /></td></tr>");
			if(eval("title"+letters[j])[i]=="") {
				document.write("<tr><td>&nbsp;</td><td colspan=\"31\"><span class=\"tabText\">&nbsp;<i>No Artist(s) available</i></span></td></tr>");
			} else {
				document.write("<tr valign=\"top\">");
				document.write("<td>&nbsp;</td>");
				document.write("<td bgcolor=\"#CCCCFF\">&nbsp;</td>");
				document.write("<td bgcolor=\"#CCCCFF\" valign=\"top\"><span class=\"tabText\">");
				document.write(eval("artist"+letters[j])[i]);
				document.write("</span></td>");
				document.write("<td colspan=\"2\"></td>");
				document.write("<td><span class=\"tabText\">");
				document.write(eval("title"+letters[j])[i]);
				document.write("</span></td>");
				document.write("<td colspan=\"2\"></td>");
				document.write("<td align=\"center\"><span class=\"tabText\">");
				document.write(eval("inst"+letters[j])[i]);
				document.write("</span></td>");
				document.write("<td colspan=\"2\"></td>");
				document.write("<td><span class=\"tabText\">");
				document.write(eval("date"+letters[j])[i]);
				document.write("</span></td>");
				document.write("<td colspan=\"2\"></td>");
				document.write("<td><span class=\"tabText\">");
				document.write(eval("pub"+letters[j])[i]);
				document.write("</span></td>");
				document.write("<td colspan=\"2\"></td>");
				document.write("<td colspan=\"5\" nowrap=\"nowrap\"><span class=\"tabText\">");
				document.write(eval("number"+letters[j])[i]);
				document.write("</span></td>");
				document.write("<td colspan=\"2\"></td>");
				document.write("<td align=\"center\"><span class=\"tabText\">");
				document.write(eval("format"+letters[j])[i]);
				document.write("</span></td>");
				document.write("<td colspan=\"2\"></td>");
				document.write("<td><span class=\"tabText\">");
				document.write(eval("contact"+letters[j])[i]);
				document.write("</span></td>");
				document.write("<td></td>");
				document.write("</tr>");
			}
			document.write("<tr><td colspan=\"32\"><img src=\"../images/blank.gif\" width=\"1\" height=\"8\" alt=\"\" /></td></tr>");
		}
	}
}