<!--
var picID = 0;
var secs;
var timerID = null;
var timerRunning = false;
var delay = 1000;

function swapBar(num,state) {
  var str=new String(document["buttonbar"].src);
  picID = num;
//alert(str+' '+num+' '+state);
btn = "rollover"+num;
  if ( state == "over" ) {
    document["buttonbar"].src='images/splash/up/new/rollover'+picID+'.gif';
/*
    btnArea1 = document.getElementById("btnArea1");
    btnArea2 = document.getElementById("btnArea2");
    btnArea3 = document.getElementById("btnArea3");
    
    if (num == 1){
	btnArea1.setAttribute("coords", "0, 0, 341, 18");
	btnArea2.setAttribute("coords", "0, 0, 0, 0");
	btnArea3.setAttribute("coords", "0, 0, 0, 0");
    } else if (num == 2){
	btnArea1.setAttribute("coords", "0, 0, 0, 0");
	btnArea2.setAttribute("coords", "0, 0, 341, 18");
	btnArea3.setAttribute("coords", "0, 0, 0, 0");
	} else {
	btnArea1.setAttribute("coords", "0, 0, 0, 0");
	btnArea2.setAttribute("coords", "0, 0, 0, 0");
	btnArea3.setAttribute("coords", "0, 0, 341, 18");
    }
*/

  } else {
    document["buttonbar"].src='images/splash/up/new/buttons.gif';
/*
    btnArea1 = document.getElementById("btnArea1");
    btnArea2 = document.getElementById("btnArea2");
    btnArea3 = document.getElementById("btnArea3");

    btnArea1.setAttribute("coords", "0, 0, 95, 18");
    btnArea2.setAttribute("coords", "96, 0, 224, 18");
    btnArea3.setAttribute("coords", "225, 0, 341, 18");
*/
    //MM_swapImgRestore();
  }
}

/*
//doesn't work :(
function changeToBig(whichOne){
	//find the anchor
	myCell = document.getElementById("myAnchorForButtons");

	//create a big button
	myBigButton = document.createElement("img");
	myBigButton.setAttribute("id", "bigButton");
	myBigButton.setAttribute("src", "images/splash/up/new/rollover" + whichOne + ".gif");
	myBigButton.setAttribute("width", "341px");
	myBigButton.setAttribute("height", "18px");
//	myBigButton.setAttribute("onMouseOut", "changeBackPics();");

	myBigButtonDiv = document.createElement("div");
	myBigButtonDiv.setAttribute("id", "bigButtonDiv");
	myBigButtonDiv.setAttribute("onMouseOut", "changeBackPics();");

	//remove the three buttons
	btn1 = document.getElementById("button1");
	btn2 = document.getElementById("button2");
	btn3 = document.getElementById("button3");
	btn4 = document.getElementById("button4");
	myCell.removeChild(btn1);
	myCell.removeChild(btn2);
	myCell.removeChild(btn3);
	myCell.removeChild(btn4);

	//and add in the button we created
	myCell.appendChild(myBigButtonDiv);
	myBigButtonDiv.appendChild(myBigButton);
	myCell.appendChild(btn4);
}


function changeBackPics(){
//alert("I got here!");
//	<img id="button1" src="images/splash/up/new/button1.gif" height="18px" onMouseOver="changeToBig(1);"><img id="button2" src="images/splash/up/new/button2.gif"
// height="18px" onMouseOver="changeToBig(2);"><img id="button3" src="images/splash/up/new/button3.gif" height="18px" onMouseOver="changeToBig(3);"><img src="
//images/splash/up/new/right.gif" id="button4" width="321px" height="18px" border="0" alt="ClassAct">

	//find the anchor
	myCell = document.getElementById("myAnchorForButtons");

	//create three buttons
	myButton1 = document.createElement("img");
	myButton1.setAttribute("id", "button1");
	myButton1.setAttribute("src", "images/splash/up/new/button1.gif");
	//myButton1.setAttribute("width", "341px");
	myButton1.setAttribute("height", "18px");
	myButton1.setAttribute("onMouseOver", "changeToBig(1);");
	myButton2 = document.createElement("img");
	myButton2.setAttribute("id", "button2");
	myButton2.setAttribute("src", "images/splash/up/new/button2.gif");
	//myButton2.setAttribute("width", "341px");
	myButton2.setAttribute("height", "18px");
	myButton2.setAttribute("onMouseOver", "changeToBig(2);");
	myButton3 = document.createElement("img");
	myButton3.setAttribute("id", "button3");
	myButton3.setAttribute("src", "images/splash/up/new/button3.gif");
	//myButton3.setAttribute("width", "341px");
	myButton3.setAttribute("height", "18px");
	myButton3.setAttribute("onMouseOver", "changeToBig(3);");


	//remove the big one
	bigBtn = document.getElementById("bigButtonDiv");
	btn4 = document.getElementById("button4");
	myCell.removeChild(bigBtn);
	myCell.removeChild(btn4);

	//and add in the button we created
	myCell.appendChild(myButton1);
	myCell.appendChild(myButton2);
	myCell.appendChild(myButton3);
	myCell.appendChild(btn4);
}
*/

function swapBar2(num,state) {
  var str=new String(document["button1"].src);
  picID = num;
//alert(str+' '+num+' '+state);
btn = "rollover"+num;
  if ( state == "over" ) {
    setImages(picID)
  } else {
    document["button1"].src='images/splash/up/new/button1.gif';
    document["button2"].src='images/splash/up/new/button2.gif';
    document["button3"].src='images/splash/up/new/button3.gif';
    //MM_swapImgRestore();
  }
}

function setImages(picID) {
  //alert(picID);
  document["button1"].src='images/splash/up/new/rollover'+picID+'a.gif';
  document["button2"].src='images/splash/up/new/rollover'+picID+'b.gif';
  document["button3"].src='images/splash/up/new/rollover'+picID+'c.gif';
}

function InitializeTimer(num)
{
    // Set the length of the timer, in seconds
    secs = num;
    StopTheClock();
    StartTheTimer();
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID);
    timerRunning = false;
}

function StartTheTimer()
{
    if (secs==0)
    {
        StopTheClock();
        setImage();
    }
    else
    {
        //self.status = secs
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartTheTimer()", delay);
    }
}


function swapBar2(num,state) {
  var str=new String(document["buttonbar"].src);
alert(str+' '+num+' '+state);
btn = "rollover"+num;
  if ( state == "out" ) {
    if ( str.indexOf(btn) > 0 ) {
       document["buttonbar"].src='images/splash/up/new/buttons2.gif';
       //MM_swapImgRestore();
    }
  } else { 
    if ( str.indexOf(btn) > 0 ) {
    } else {
     document["buttonbar"].src='images/splash/up/new/rollover'+num+'.gif';
    }
  }
}

//-->
