// JavaScript Document


//function mouseOntoLinkUp() {document.all["linkUp"].bgColor = "#999999";}
//function mouseOffLinkUp() {document.all["linkUp"].bgColor = "#bbbbbb";}

function mouseOntoLinkUp()
{
  //alert("mouseOntoLinkUp started");

  //alert("bgColor of td id=linkUp : "+document.getElementById("linkUp").bgColor);
    // When color is set with (external) stylesheet-rule, this alert returns nothing.
    // And next statement doesn't change actual color. However next alert returns #999999.
    // !!! Syntax of DOM-referencing is bad here. ".bgColor" is bad. ".style.backgroundColor" is correct.

  //alert("backgroundColor of td id=linkUp : "+document.getElementById("linkUp").style.backgroundColor);
    // When color is set with (external) stylesheet-rule, this alert returns nothing.
    // However next statement changes actual color. And next alert returns #92A58F.

  //document.getElementById("linkUp").bgColor = "#999999";
  //document.getElementById("linkUp").bgColor = "#8FA78D";

  //--document.getElementById("linkUp").bgColor = "#92A58F";
  //--document.getElementById("linkUp").style.backgroundColor = "#92A58F";
  document.getElementById("linkUp").style.backgroundColor = "#C4DCB8";

  //alert("bgColor of td id=linkUp : "+document.getElementById("linkUp").bgColor);
  //alert("bgColor of td id=linkUp : "+document.getElementById("linkUp").style.backgroundColor);
}
//-----------------

//function mouseOffLinkUp() {document.getElementById("linkUp").bgColor = "#bbbbbb";}
//--function mouseOffLinkUp() {document.getElementById("linkUp").bgColor = "#A7BAA5";}

//--function mouseOffLinkUp() {document.getElementById("linkUp").style.backgroundColor = "#A7BAA5";}
function mouseOffLinkUp() {document.getElementById("linkUp").style.backgroundColor = "#9EAD96";}
//-----------------

function clickOnLinkUp() {window.location.href = "#top_of_page";}