function MouseOver(id){
	switch(id){
		case 1:		
		document.getElementById("td1").style.backgroundImage = "url('images/blank button rollover.png')";
		document.getElementById("td1").style.color = "#ffffff";
		document.getElementById("td1").style.cursor = "pointer";
		break;
		case 2:
		document.getElementById("td2").style.backgroundImage = "url('images/blank button rollover.png')";
		document.getElementById("td2").style.color = "#ffffff";
		document.getElementById("td2").style.cursor = "pointer";
		break;
		case 3:
		document.getElementById("td3").style.backgroundImage = "url('images/blank button rollover.png')";
		document.getElementById("td3").style.color = "#ffffff";
		document.getElementById("td3").style.cursor = "pointer";
		break;
		case 4:
		document.getElementById("td4").style.backgroundImage = "url('images/blank button rollover.png')";
		document.getElementById("td4").style.color = "#ffffff";
		document.getElementById("td4").style.cursor = "pointer";
		break;
		case 5:
		document.getElementById("td5").style.backgroundImage = "url('images/blank button rollover.png')";
		document.getElementById("td5").style.color = "#ffffff";
		document.getElementById("td5").style.cursor = "pointer";
		break;
		case 6:
		document.getElementById("td6").style.backgroundImage = "url('images/blank button rollover.png')";
		document.getElementById("td6").style.color = "#ffffff";
		document.getElementById("td6").style.cursor = "pointer";
		break;
		case 7:
		document.getElementById("td7").style.backgroundImage = "url('images/blank button rollover.png')";
		document.getElementById("td7").style.color = "#ffffff";
		document.getElementById("td7").style.cursor = "pointer";
		break;
		case 8:
		document.getElementById("td8").style.backgroundImage = "url('images/blank button rollover.png')";
		document.getElementById("td8").style.color = "#ffffff";
		document.getElementById("td8").style.cursor = "pointer";
		break;
	}
}
function MouseOut(id){
	switch(id){
		case 1:
		document.getElementById("td1").style.backgroundImage = "url('images/blank button.png')";
		document.getElementById("td1").style.color = "#9faebd";
		document.getElementById("td1").style.cursor = "default";
		break;
		case 2:
		document.getElementById("td2").style.backgroundImage = "url('images/blank button.png')";
		document.getElementById("td2").style.color = "#9faebd";
		document.getElementById("td2").style.cursor = "default";
		break;
		case 3:
		document.getElementById("td3").style.backgroundImage = "url('images/blank button.png')";
		document.getElementById("td3").style.color = "#9faebd";
		document.getElementById("td3").style.cursor = "default";
		break;
		case 4:
		document.getElementById("td4").style.backgroundImage = "url('images/blank button.png')";
		document.getElementById("td4").style.color = "#9faebd";
		document.getElementById("td4").style.cursor = "default";
		break;
		case 5:
		document.getElementById("td5").style.backgroundImage = "url('images/blank button.png')";
		document.getElementById("td5").style.color = "#9faebd";
		document.getElementById("td5").style.cursor = "default";
		break;
		case 6:
		document.getElementById("td6").style.backgroundImage = "url('images/blank button.png')";
		document.getElementById("td6").style.color = "#9faebd";
		document.getElementById("td6").style.cursor = "default";
		break;
		case 7:
		document.getElementById("td7").style.backgroundImage = "url('images/blank button.png')";
		document.getElementById("td7").style.color = "#9faebd";
		document.getElementById("td7").style.cursor = "default";
		break;
		case 8:
		document.getElementById("td8").style.backgroundImage = "url('images/blank button.png')";
		document.getElementById("td8").style.color = "#9faebd";
		document.getElementById("td8").style.cursor = "default";
		break;
	}
}