<!--
// <td class="TDRegular" onmouseover="TDHover(this);" style="cursor:pointer; cursor:hand"  onmouseout="TDReset(this);">
var myimages=new Array()
var currentlyClickedMenuItem
var currentlyHoveredMenuItem
        
function preloadimages(){
	for (i=0;i<preloadimages.arguments.length;i++) {
    	myimages[i]=new Image();
        myimages[i].src=preloadimages.arguments[i];
     }
}

function TDHover(name){
	// reset the current hovered cell before moving the hover to the new one
    if (currentlyHoveredMenuItem != null){
		if (currentlyHoveredMenuItem == currentlyClickedMenuItem){
        	currentlyHoveredMenuItem.className = 'TDClicked'; // change the class
		} else {
			currentlyHoveredMenuItem.className = 'TDRegular'; // change the class
		}
	}
    currentlyHoveredMenuItem = name;
    name.className = 'TDHover'; // change the class
}

function TDReset(name){
	if (name == currentlyClickedMenuItem){
    	name.className = 'TDClicked'; // change the class
     } else {
         name.className = 'TDRegular'; // change the class
      }
}


-->
