// Copyright 2007, Sally Balick. All Rights Reserved.

function displayHeader() {
    var sb = new StringBuffer();
    sb.append("<div class=center>");
    sb.append("<img src=imgs/sys/SallyBalick.png><br>");
    genButton(sb, "Home");
    sb.append(" &nbsp ");
    genButton(sb, "Paintings");
    sb.append(" &nbsp ");
    genButton(sb, "Biography");
    sb.append(" &nbsp ");
    genButton(sb, "Events");
    sb.append(" &nbsp ");
    genButton(sb, "Links");
    sb.append(" &nbsp ");
    genButton(sb, "Contact");
    sb.append("</div><br><br>");
    document.write(sb.toString());
}

function genButton(sb, name) {
    sb.append("<img id='hdrBut" + name + "' ");
    sb.append("src='imgs/sys/" + name + ".png' ");
    name = '"' + name + '"';
    sb.append("onclick='clickBut(" + name + ")' ");
    sb.append("onmouseover='flipBut(" + name + ", true)' ");
    sb.append("onmouseout='flipBut(" + name + ", false)'>");
}

function flipBut(name, red) {
    document.getElementById("hdrBut" + name).src =
	"imgs/sys/" + name + (red ? "_red.png" : ".png");
}

function clickBut(name) {
    window.location = name + ".html";
}
	      
displayHeader();