function initbuttons()
{
    if (document.images)
    {
      var pic1= new Image();
      pic1.src="http://myclasspro.com/sysimages/bluebutton.gif";

      var pic2= new Image();
      pic2.src="http://myclasspro.com/sysimages/greybutton.gif";

      var pic3= new Image();
      pic3.src="http://myclasspro.com/sysimages/redbutton.gif";

      var pic4= new Image();
      pic4.src="http://myclasspro.com/sysimages/greenbutton.gif";

    }

    var buttons;
    var anchors;
    var tags;
    var i,j;


    if (document.getElementsByClassName) {
        tags = document.getElementsByClassName("buttons")
        for (var i=0; i<tags.length; i++) {

            buttons = tags[i].getElementsByTagName("button")
            for (j=0; j<buttons.length; j++) {
                buttons[j].onmouseover = buttonmouseover;
                buttons[j].onmouseout = buttonmouseout;

                if (buttons[j].getAttribute("alert") == "1") {
                    buttons[j].onmouseover = buttonmouseoveralert;
                }
            }

            anchors = tags[i].getElementsByTagName("A")
            for (j=0; j<anchors.length; j++) {
                anchors[j].onmouseover = buttonmouseover;
                anchors[j].onmouseout = buttonmouseout;

                if (anchors[j].getAttribute("alert") == "1") {
                    anchors[j].onmouseover = buttonmouseoveralert;
                }
            }
        }
    }
    else {

        tags = document.getElementsByTagName("*")
        for (var i=0; i<tags.length; i++) {
            if (tags[i].className == "buttons") {

                buttons = tags[i].getElementsByTagName("button")
                for (j=0; j<buttons.length; j++) {
                    buttons[j].onmouseover = buttonmouseover;
                    buttons[j].onmouseout = buttonmouseout;

                    if (buttons[j].getAttribute("alert") == "1") {
                        buttons[j].onmouseover = buttonmouseoveralert;
                    }

                }

                anchors = tags[i].getElementsByTagName("A")
                for (j=0; j<anchors.length; j++) {
                    anchors[j].onmouseover = buttonmouseover;
                    anchors[j].onmouseout = buttonmouseout;

                    if (anchors[j].getAttribute("alert") == "1") {
                        anchors[j].onmouseover = buttonmouseoveralert;
                    }
                }
            }
        }
    }
}

function buttonmouseover(event)
{
    this.className = "over";
}

function buttonmouseoveralert(event)
{
    this.className = "overalert";
}

function buttonmouseout(event)
{
    this.className = "";
}

function initTableRowHighLight()
{
    var rows = document.getElementsByTagName("tr")
    for (var i=0; i<rows.length; i++) {
        if (rows[i].className == "tablerow") {
            rows[i].onmouseover = rowmouseover;
            rows[i].onmouseout = rowmouseout;
            origBackgroundColor = rows[i].style.backgroundColor;
            origColor = rows[i].style.color;
        }
    }
}

var origBackgroundColor;
var origColor;

var savedBackgroundColor;
var savedColor;

function clearTableRowHighLight()
{
    var rows = document.getElementsByTagName("tr")
    for (var i=0; i<rows.length; i++) {
        if (rows[i].className == "tablerow") {
            rows[i].style.backgroundColor = origBackgroundColor;
            rows[i].style.color = origColor;
        }
    }
}

function rowmouseover(event)
{
    savedBackgroundColor = this.style.backgroundColor;
    savedColor = this.style.color;

    clearTableRowHighLight();

    this.style.backgroundColor = "#888888";
    this.style.color = "#FFFFFF";
}

function rowmouseout(event)
{
    bc = this.style.backgroundColor;
    this.style.backgroundColor = savedBackgroundColor;
    this.style.color = savedColor;
}