<HTML>
	<HEAD>
		<TITLE>CONNECT THE DOTS GAME</TITLE>
		<META NAME="author" CONTENT="Randall A. Britt">
		<META NAME="generator" CONTENT="Notepad">
		<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--		<META http-equiv="Page-Enter" content="blendTrans(Duration=1)"><HTML> -->

<SCRIPT language="javascript">
//==========================================================================================================================
//                                                 SOURCE CODE VIEW
//==========================================================================================================================
//	function click() {if(event.button==2) { alert('That function has been disabled.') } }
//	document.onmousedown=click
//==========================================================================================================================
//                                               END SOURCE CODE VIEW
//==========================================================================================================================
// Original:  Mike McGrath (mike_mcgrath@lineone.net
// Web Site:  http://website.lineone.net/~mike_mcgrath
//==========================================================================================================================

//==========================================================================================================================
//                                        BEGIN CONECT THE DOTS HEADER CODE
//==========================================================================================================================

var compgo=0;
var hit=0;
var t1=0;
var t2=0;
var box=new Array(161);

for(i=0;i<box.length;i++)
{
box[i]=0;
}
var occ=new Array(161);
for(i=0;i<occ.length;i++)
{
 occ[i]=0;
}

function dots_ini()
{
	for(i=1;i<65;i++)
	{
		with(document.f)
		{
			n=eval('x'+i);
			{
			with(n)checked=0;
      			}
		}  
 	  }
}

function convert(t)
{
	if(t1==0)t1=eval(t);else t2=eval(t);
	if(t2!=0)
	{
		t=eval(t2-t1);
		if(t==8||t==-8||t==1||t==-1)
		{
			t=eval(t1+t2);
			switch(t)
			{
case  3: case 10: case 12: case 14: case 16: go(t-3);break;
case 18: case 20: case 22: case 24: case 31: go(t-3);break;
case 5: go(t-4);break;
case 7: go(t-5);break;
case 9: go(t-6);break;
case 11: go(t-7);break;
case 13: go(t-8);break;
case 15: go(t-9);break;
case 19: case 26: case 28: case 30: case 32: go(t+3);break;
case 34: case 36: case 38: case 40: case 47: go(t+3);break;
case 21: go(t+2);break;
case 23: go(t+1);break;
case 25: go(t);break; 
case 27: go(t-1);break;
case 29: go(t-2);break;
case 35: case 42: case 44: case 46: case 48: go(t+9);break;
case 50: case 52: case 54: case 56: case 63: go(t+9);break;
case 37: go(t+8);break;
case 39: go(t+7);break;
case 41: go(t+6);break;
case 43: go(t+5);break;
case 45: go(t+4);break;
case 51: case 58: case 60: case 62: case 64: go(t+15);break; 
case 66: case 68: case 70: case 72: case 79: go(t+15);break;
case 53: go(t+14);break;
case 55: go(t+13);break;
case 57: go(t+12);break;
case 59: go(t+11);break;
case 61: go(t+10);break;
case 67: case 74: case 76: case 78: case 80: go(t+21);break;
case 82: case 84: case 86: case 88: case 95: go(t+21);break;
case 69: go(t+20);break;
case 71: go(t+19);break;
case 73: go(t+18);break;
case 75: go(t+17);break;
case 77: go(t+16);break;
case 83: case 90: case 92: case 94: case 96: go(t+27);break; 
case 98: case 100: case 102: case 104: case 111: go(t+27);break;
case 85: go(t+26);break;
case 87: go(t+25);break;
case 89: go(t+24);break;
case 91: go(t+23);break;
case 93: go(t+22);break;
case  99: case 106: case 108: case 110: case 112: go(t+33);break;
case 114: case 116: case 118: case 120: case 127: go(t+33);break;
case 101:go(t+32);break;
case 103:go(t+31);break;
case 105:go(t+30);break;
case 107:go(t+29);break;
case 109:go(t+28);break;
case 115:go(t+39);break;
case 117:go(t+38);break;
case 119:go(t+37);break;
case 121:go(t+36);break;
case 123:go(t+35);break;
case 125:go(t+34);break;
case 127:go(t+33);break;
			}
	
	with(document.f)
			{
			t1=eval('x'+t1);with(t1)checked=0;
			t2=eval('x'+t2);with(t2)checked=0;
			}
			t1=0;
			t2=0;
			if(compgo==1)reply();
			}
	else 
		{
		with(document.f)
			{
			t1=eval('x'+t1);with(t1)checked=0;
			t2=eval('x'+t2);with(t2)checked=0;
			}
		t1=0;t2=0;
		}
	}
}
function go(t)
{
	if(occ[t]!=1)
	{
		occ[t]=1;
		var target = eval("document.f.i"+t);
		if(compgo==1) target.src="blue.gif"; else target.src="red.gif";
		switch(t)
		{
		case 0: ad(8,1);break;
		case 1: ad(10,1);break;
		case 2: ad(12,1);break;
		case 3: ad(14,1);break;
		case 4: ad(16,1);break;
		case 5: ad(18,1);break;
		case 6: ad(20,1);break;
		case 7: ad(8,2);break;
		case 9: ad(8,4);ad(10,2);break;
		case 11: ad(10,4);ad(12,2);break;
		case 13: ad(12,4);ad(14,2);break;
		case 15: ad(14,4);ad(16,2);break;
		case 17: ad(16,4);ad(18,2);break;
		case 19: ad(18,4);ad(20,2);break;
		case 21: ad(20,4);break;
		case 22: ad(8,8);ad(30,1);break;
		case 23: ad(10,8);ad(32,1);break;
		case 24: ad(12,8);ad(34,1);break;
		case 25: ad(14,8);ad(36,1);break;
		case 26: ad(16,8);ad(38,1);break;
		case 27: ad(18,8);ad(40,1);break;
		case 28: ad(20,8);ad(42,1);break;
		case 29: ad(30,2);break;
		case 31: ad(30,4);ad(32,2);break;
		case 33: ad(32,4);ad(34,2);break;
		case 35: ad(34,4);ad(36,2);break;
		case 37: ad(36,4);ad(38,2);break;
		case 39: ad(38,4);ad(40,2);break;
		case 41: ad(40,4);ad(42,2);break;
		case 43: ad(42,4);break;
		case 44: ad(30,8);ad(52,1);break;
		case 45: ad(32,8);ad(54,1);break;
		case 46: ad(34,8);ad(56,1);break;
		case 47: ad(36,8);ad(58,1);break;
		case 48: ad(38,8);ad(60,1);break;
		case 49: ad(40,8);ad(62,1);break;
		case 50: ad(42,8);ad(64,1);break;
		case 51: ad(52,2);break;
		case 53: ad(52,4);ad(54,2);break;
		case 55: ad(54,4);ad(56,2);break;
		case 57: ad(56,4);ad(58,2);break;
		case 59: ad(58,4);ad(60,2);break;
		case 61: ad(60,4);ad(62,2);break;
		case 63: ad(62,4);ad(64,2);break;
		case 65: ad(64,4);break;
		case 66: ad(52,8);ad(74,1);break;
		case 67: ad(54,8);ad(76,1);break;
		case 68: ad(56,8);ad(78,1);break;
		case 69: ad(58,8);ad(80,1);break;
		case 70: ad(60,8);ad(82,1);break;
		case 71: ad(62,8);ad(84,1);break;
		case 72: ad(64,8);ad(86,1);break;
		case 73: ad(74,2);break;
		case 75: ad(74,4);ad(76,2);break;
		case 77: ad(76,4);ad(78,2);break;
		case 79: ad(78,4);ad(80,2);break;
		case 81: ad(80,4);ad(82,2);break;
		case 83: ad(82,4);ad(84,2);break;
		case 85: ad(84,4);ad(86,2);break;
		case 87: ad(86,4);break;
		case 88: ad(74,8);ad(96,1);break;
		case 89: ad(76,8);ad(98,1);break;
		case 90: ad(78,8);ad(100,1);break;
		case 91: ad(80,8);ad(102,1);break;
		case 92: ad(82,8);ad(104,1);break;
		case 93: ad(84,8);ad(106,1);break;
		case 94: ad(86,8);ad(108,1);break;
		case 95: ad(96,2);break;
		case 97: ad(96,4);ad(98,2);break;
		case 99: ad(98,4);ad(100,2);break;
		case 101: ad(100,4);ad(102,2);break;
		case 103: ad(102,4);ad(104,2);break;
		case 105: ad(104,4);ad(106,2);break;
		case 107: ad(106,4);ad(108,2);break;
		case 109: ad(108,4);break;
		case 110: ad(96,8);ad(118,1);break;
		case 111: ad(98,8);ad(120,1);break;
		case 112: ad(100,8);ad(122,1);break;
		case 113: ad(102,8);ad(124,1);break;
		case 114: ad(104,8);ad(126,1);break;
		case 115: ad(106,8);ad(128,1);break;
		case 116: ad(108,8);ad(130,1);break;
		case 117: ad(118,2);break;
		case 119: ad(118,4);ad(120,2);break;
		case 121: ad(120,4);ad(122,2);break;
		case 123: ad(122,4);ad(124,2);break;
		case 125: ad(124,4);ad(126,2);break;
		case 127: ad(126,4);ad(128,2);break;
		case 129: ad(128,4);ad(130,2);break;
		case 131: ad(130,4);break;
		case 132: ad(118,8);ad(140,1);break;
		case 133: ad(120,8);ad(142,1);break;
		case 134: ad(122,8);ad(144,1);break;
		case 135: ad(124,8);ad(146,1);break;
		case 136: ad(126,8);ad(148,1);break;
		case 137: ad(128,8);ad(150,1);break;
		case 138: ad(130,8);ad(152,1);break;
		case 139: ad(140,2);break;
		case 141: ad(140,4);ad(142,2);break;
		case 143: ad(142,4);ad(144,2);break;
		case 145: ad(144,4);ad(146,2);break;
		case 147: ad(146,4);ad(148,2);break;
		case 149: ad(148,4);ad(150,2);break;
		case 151: ad(150,4);ad(152,2);break;
		case 153: ad(152,4);break;
		case 154: ad(140,8);break;
		case 155: ad(142,8);break;
		case 156: ad(144,8);break;
		case 157: ad(146,8);break;
		case 158: ad(148,8);break;
		case 159: ad(150,8);break;
		case 160: ad(152,8);break;
		}
		if(compgo==0 && hit==0)compgo=1;
		hit=0;
	   }
	}
function ad(t,pole)
{
	box[t]+=pole;
	if(box[t]==15)
	{
	var target = eval("document.f.i"+t);
	if(compgo==1)
		{
		target.src="blue.gif";
		document.f.comp.value++;
		hit=1;
		}
	else
		{
		target.src="red.gif";
		document.f.plyr.value++;
		hit=1;
     		}
	   }
}
function reply()
{
	var ok=0;
	for(t=1;t<box.length;t++)
	switch(box[t])
	{
	case 7: switch(t)
		{
		case  8: case 30: case 52: case 74: case  96: case 118: case 140: go(t+14);break;
		case 10: case 32: case 54: case 76: case  98: case 120: case 142: go(t+13);break;
		case 12: case 34: case 56: case 78: case 100: case 122: case 144: go(t+12);break;
		case 14: case 36: case 58: case 80: case 102: case 124: case 146: go(t+11);break;
		case 16: case 38: case 60: case 82: case 104: case 126: case 148: go(t+10);break;
		case 18: case 40: case 62: case 84: case 106: case 128: case 150: go(t+9);break;
		case 20: case 42: case 64: case 86: case 108: case 130: case 152: go(t+8);break;
		}
		ok=1;break;
	case 11: go(t+1);ok=1;break;
	case 13: go(t-1);ok=1;break;
	case 14: switch(t)
	{
		case  8: case 30: case 52: case 74: case  96: case 118: case 140: go(t-8);break;
		case 10: case 32: case 54: case 76: case  98: case 120: case 142: go(t-9);break;
		case 12: case 34: case 56: case 78: case 100: case 122: case 144: go(t-10);break;
		case 14: case 36: case 58: case 80: case 102: case 124: case 146: go(t-11);break;
		case 16: case 38: case 60: case 82: case 104: case 126: case 148: go(t-12);break;
		case 18: case 40: case 62: case 84: case 106: case 128: case 150: go(t-13);break;
		case 20: case 42: case 64: case 86: case 108: case 130: case 152: go(t-14);break;
	}
	ok=1;break;
}
		if(ok==1)reply();
	else 	
		if(ok!=1 && hit==0) reply0(); 
	else 
	{
	compgo=0;
	hit=0;
	   }
		}	
		function reply0()
		{
		var i = 0, t= Math.round(Math.random()*112)+1;
		while(i<113 && compgo==1)
		{
		i++; t++; if(t>112)t=1;
		switch(t)
	{
	case  1:if(box [8]==0){go(0);compgo=0;}break;
	case  2:if(box[10]==0){go(1);compgo=0;}break;
	case  3:if(box[12]==0){go(2);compgo=0;}break;
	case  4:if(box[14]==0){go(3);compgo=0;}break;
	case  5:if(box[16]==0){go(4);compgo=0;}break;
	case  6:if(box[18]==0){go(5);compgo=0;}break;
	case  7:if(box[20]==0){go(6);compgo=0;}break;
	case  8:if(box [8]==0){go(7);compgo=0;}break;
	case  9:if(box [8]==0 && box[10]==0){go(9); compgo=0;}break;
	case 10:if(box[10]==0 && box[12]==0){go(11);compgo=0;}break;
	case 11:if(box[12]==0 && box[14]==0){go(13);compgo=0;}break;
	case 12:if(box[14]==0 && box[16]==0){go(15);compgo=0;}break;
	case 13:if(box[16]==0 && box[18]==0){go(17);compgo=0;}break;
	case 14:if(box[18]==0 && box[20]==0){go(19);compgo=0;}break;
	case 15:if(box[20]==0){go(21);compgo=0;}break;
	case 16:if(box [8]==0 && box[30]==0){go(22);compgo=0;}break;
	case 17:if(box[10]==0 && box[32]==0){go(23);compgo=0;}break;
	case 18:if(box[12]==0 && box[34]==0){go(24);compgo=0;}break;
	case 19:if(box[14]==0 && box[36]==0){go(25);compgo=0;}break;
	case 20:if(box[16]==0 && box[38]==0){go(26);compgo=0;}break;
	case 21:if(box[18]==0 && box[40]==0){go(27);compgo=0;}break;
	case 22:if(box[20]==0 && box[42]==0){go(28);compgo=0;}break;
	case 23:if(box[30]==0){go(29);compgo=0;}break;
	case 24:if(box[30]==0 && box[32]==0){go(31);compgo=0;}break;
	case 25:if(box[32]==0 && box[34]==0){go(33);compgo=0;}break;
	case 26:if(box[34]==0 && box[36]==0){go(35);compgo=0;}break;
	case 27:if(box[36]==0 && box[38]==0){go(37);compgo=0;}break;
	case 28:if(box[38]==0 && box[40]==0){go(39);compgo=0;}break;
	case 29:if(box[40]==0 && box[42]==0){go(41);compgo=0;}break;
	case 30:if(box[42]==0){go(43);compgo=0;}break;
	case 31:if(box[30]==0 && box[52]==0){go(44);compgo=0;}break;
	case 32:if(box[32]==0 && box[54]==0){go(45);compgo=0;}break;
	case 33:if(box[34]==0 && box[56]==0){go(46);compgo=0;}break;
	case 34:if(box[36]==0 && box[58]==0){go(47);compgo=0;}break;
	case 35:if(box[38]==0 && box[60]==0){go(48);compgo=0;}break;
	case 36:if(box[40]==0 && box[62]==0){go(49);compgo=0;}break;
	case 37:if(box[42]==0 && box[64]==0){go(50);compgo=0;}break;
	case 38:if(box[52]==0){go(51);compgo=0;}break;
	case 39:if(box[52]==0 && box[54]==0){go(53);compgo=0;}break;
	case 40:if(box[54]==0 && box[56]==0){go(55);compgo=0;}break;
	case 41:if(box[56]==0 && box[58]==0){go(57);compgo=0;}break;
	case 42:if(box[58]==0 && box[60]==0){go(59);compgo=0;}break;
	case 43:if(box[60]==0 && box[62]==0){go(61);compgo=0;}break;
	case 44:if(box[62]==0 && box[64]==0){go(63);compgo=0;}break;
	case 45:if(box[64]==0){go(65);compgo=0;}break;
	case 46:if(box[52]==0 && box[74]==0){go(66);compgo=0;}break;
	case 47:if(box[54]==0 && box[76]==0){go(67);compgo=0;}break;
	case 48:if(box[56]==0 && box[78]==0){go(68);compgo=0;}break;
	case 49:if(box[58]==0 && box[80]==0){go(69);compgo=0;}break;
	case 50:if(box[60]==0 && box[82]==0){go(70);compgo=0;}break;
	case 51:if(box[62]==0 && box[84]==0){go(71);compgo=0;}break;
	case 52:if(box[64]==0 && box[86]==0){go(72);compgo=0;}break;
	case 53:if(box[74]==0){go(73);compgo=0;}break;
	case 54:if(box[74]==0 && box[76]==0){go(75);compgo=0;}break;
	case 55:if(box[76]==0 && box[78]==0){go(77);compgo=0;}break;
	case 56:if(box[78]==0 && box[80]==0){go(79);compgo=0;}break;
	case 57:if(box[80]==0 && box[82]==0){go(81);compgo=0;}break;
	case 58:if(box[82]==0 && box[84]==0){go(83);compgo=0;}break;
	case 59:if(box[84]==0 && box[86]==0){go(85);compgo=0;}break;
	case 60:if(box[86]==0){go(87);compgo=0;}break;
	case 61:if(box[74]==0 && box[96]==0){go(88);compgo=0;}break;
	case 62:if(box[76]==0 && box[98]==0){go(89);compgo=0;}break;
	case 63:if(box[78]==0 && box[100]==0){go(90);compgo=0;}break;
	case 64:if(box[80]==0 && box[102]==0){go(91);compgo=0;}break;
	case 65:if(box[82]==0 && box[104]==0){go(92);compgo=0;}break;
	case 66:if(box[84]==0 && box[106]==0){go(93);compgo=0;}break;
	case 67:if(box[86]==0 && box[108]==0){go(94);compgo=0;}break;     
	case 68:if(box[96]==0){go(95);compgo=0;}break;
	case 69:if(box[96]==0 && box[98]==0){go(97);compgo=0;}break;
	case 70:if(box[98]==0 && box[100]==0){go(99);compgo=0;}break;
	case 71:if(box[100]==0 && box[102]==0){go(101);compgo=0;}break;
	case 72:if(box[102]==0 && box[104]==0){go(103);compgo=0;}break;
	case 73:if(box[104]==0 && box[106]==0){go(105);compgo=0;}break;
	case 74:if(box[106]==0 && box[108]==0){go(107);compgo=0;}break;
	case 75:if(box[108]==0){go(109);compgo=0;}break;
	case 76:if(box[96]==0 && box[118]==0){go(110);compgo=0;}break;
	case 77:if(box[98]==0 && box[120]==0){go(111);compgo=0;}break;
	case 78:if(box[100]==0 && box[122]==0){go(112);compgo=0;}break;
	case 79:if(box[102]==0 && box[124]==0){go(113);compgo=0;}break;
	case 80:if(box[104]==0 && box[126]==0){go(114);compgo=0;}break;
	case 81:if(box[106]==0 && box[128]==0){go(115);compgo=0;}break;
	case 82:if(box[108]==0 && box[130]==0){go(116);compgo=0;}break;   
	case 83:if(box[118]==0){go(117);compgo=0;}break;
	case 84:if(box[118]==0 && box[120]==0){go(119);compgo=0;}break;
	case 85:if(box[120]==0 && box[34]==0){go(121);compgo=0;}break;
	case 86:if(box[122]==0 && box[36]==0){go(123);compgo=0;}break;
	case 87:if(box[124]==0 && box[38]==0){go(125);compgo=0;}break;
	case 88:if(box[126]==0 && box[40]==0){go(127);compgo=0;}break;
	case 89:if(box[128]==0 && box[42]==0){go(129);compgo=0;}break;
	case 90:if(box[130]==0){go(131);compgo=0;}break;
	case 91:if(box[118]==0 && box[140]==0){go(132);compgo=0;}break;
	case 92:if(box[120]==0 && box[142]==0){go(133);compgo=0;}break;
	case 93:if(box[122]==0 && box[144]==0){go(134);compgo=0;}break;
	case 94:if(box[124]==0 && box[146]==0){go(135);compgo=0;}break;
	case 95:if(box[126]==0 && box[148]==0){go(136);compgo=0;}break;
	case 96:if(box[128]==0 && box[150]==0){go(137);compgo=0;}break;
	case 97:if(box[130]==0 && box[152]==0){go(138);compgo=0;}break;
	case 98:if(box[140]==0){go(139);compgo=0;}break;
	case 99:if(box[140]==0 && box[142]==0){go(141);compgo=0;}break;
	case 100:if(box[142]==0 && box[144]==0){go(143);compgo=0;}break;
	case 101:if(box[144]==0 && box[146]==0){go(145);compgo=0;}break;
	case 102:if(box[146]==0 && box[148]==0){go(147);compgo=0;}break;
	case 103:if(box[148]==0 && box[150]==0){go(149);compgo=0;}break;
	case 104:if(box[150]==0 && box[152]==0){go(151);compgo=0;}break;
	case 105:if(box[152]==0){go(153);compgo=0;}break;
	case 106:if(box[140]==0){go(154);compgo=0;}break;
	case 107:if(box[142]==0){go(155);compgo=0;}break;
	case 108:if(box[144]==0){go(156);compgo=0;}break;
	case 109:if(box[146]==0){go(157);compgo=0;}break;
	case 110:if(box[148]==0){go(158);compgo=0;}break;
	case 111:if(box[150]==0){go(159);compgo=0;}break;
	case 112:if(box[152]==0){go(160);compgo=0;}break;
	}
}

	if(compgo==1) reply1();
		}

function reply1()
{	
var i = 0, t= Math.round(Math.random()*161)+1;
while(i<161 && compgo==1)
	{
	i++; t++; if(t>160)t=1;
	switch(box[t])
		{
		case 1: case 4: go(t-1);compgo=0;break;
		case 2: case 8: go(t+1);compgo=0;break;
		}
	}
	if(compgo==1) reply2();
}

function reply2()
{	
var i = 0, t= Math.round(Math.random()*161)+1;
while(i<161 && compgo==1)
	{
	i++; t++; if(t>160)t=1;
	switch(box[t])
		{
		case 12: case 5: go(t-1);compgo=0;break;
		case 3: case 9: case 10: go(t+1);compgo=0;break;
		case 6: switch(t)
			{
			case  8: case 30: case 52: case 74: case  96: case 118: case 140: go(t-8);break;
			case 10: case 32: case 54: case 76: case  98: case 120: case 142: go(t-9);break;
			case 12: case 34: case 56: case 78: case 100: case 122: case 144: go(t-10);break;
			case 14: case 36: case 58: case 80: case 102: case 124: case 146: go(t-11);break;
			case 16: case 38: case 60: case 82: case 104: case 126: case 148: go(t-12);break;
			case 18: case 40: case 62: case 84: case 106: case 128: case 150: go(t-13);break;
			case 20: case 42: case 64: case 86: case 108: case 130: case 152: go(t-14);break;
			}
		compgo=0;break;
		}
	}
}

//==========================================================================================================================
//                                          END CONNECT THE DOTS HEADER CODE
//==========================================================================================================================
</SCRIPT>
	</HEAD>

<BODY Bgcolor="#C1CDCD">

<BODY onLoad="dots_ini()">

<A NAME="#home">

<!-- ======================================================================================================================= -->
<!--                                           START PAGE DESIGN HERE                                                        -->
<!-- ======================================================================================================================= -->

<!-- ======================================================================================================================= -->
<!--                                        WEB PAGE TITLE AND GRAPHICS                                                      -->
<!-- ======================================================================================================================= -->
<TABLE ALIGN=CENTER BORDER="0" WIDTH=100%>
	<TR>
		<TD ALIGN=CENTER WIDTH=50%><B>
		<FONT FACE="comic sans ms"  COLOR="#778899" SIZE="+2">
		<b>CONNECT THE DOTS</b>
		</TD>
	</TR>
</TABLE>
<hr>
<!-- ======================================================================================================================= -->
<!--                                         END WEB PAGE TITLE AND GRAPHICS                                                 -->
<!-- ======================================================================================================================= -->


<!-- ======================================================================================================================= -->
<!--                                     START CONNECT THE DOTS TABLE/LAYOUT CODE                                            -->
<!-- ======================================================================================================================= --><ta
<table align="center" width="95%" bgcolor="#c6c6c6" border="4" bordercolor="#4f4f4f">
	<tr>
		<td align="center">
<table align=center width="65%" bgcolor=#ffffff cellspacing="0" cellpadding="0">
	<tr>
	<form name="f">
		<td align=center><input type=radio name="x1" onclick="convert(1);"></td>
		<td align=center><img name='i0' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x2" onclick="convert(2);"></td>
		<td align=center><img name='i1' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x3" onclick="convert(3);"></td>
		<td align=center><img name='i2' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x4" onclick="convert(4);"></td>
		<td align=center><img name='i3' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x5" onclick="convert(5);"></td>
		<td align=center><img name='i4' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x6" onclick="convert(6);"></td>
		<td align=center><img name='i5' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x7" onclick="convert(7);"></td>
		<td align=center><img name='i6' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x8" onclick="convert(8);"></td>
	</tr>
	<tr>
		<td align=center><img name='i7' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i8' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i9' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i10' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i11' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i12' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i13' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i14' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i15' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i16' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i17' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i18' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i19' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i20' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i21' src='clear.gif' width=5  height=30></td>
	</tr>
	<tr>
		<td align=center><input type=radio name="x9" onclick="convert(9);"></td>
		<td align=center><img name='i22' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x10" onclick="convert(10);"></td>
		<td align=center><img name='i23' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x11" onclick="convert(11);"></td>
		<td align=center><img name='i24' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x12" onclick="convert(12);"></td>
		<td align=center><img name='i25' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x13" onclick="convert(13);"></td>
		<td align=center><img name='i26' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x14" onclick="convert(14);"></td>
		<td align=center><img name='i27' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x15" onclick="convert(15);"></td>
		<td align=center><img name='i28' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x16" onclick="convert(16);"></td>
	</tr>
	<tr>
		<td align=center><img name='i29' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i30' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i31' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i32' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i33' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i34' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i35' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i36' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i37' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i38' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i39' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i40' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i41' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i42' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i43' src='clear.gif' width=5  height=30></td>
	</tr>
	<tr>
		<td align=center><input type=radio name="x17" onclick="convert(17);"></td>
		<td align=center><img name='i44' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x18" onclick="convert(18);"></td>
		<td align=center><img name='i45' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x19" onclick="convert(19);"></td>
		<td align=center><img name='i46' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x20" onclick="convert(20);"></td>
		<td align=center><img name='i47' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x21" onclick="convert(21);"></td>
		<td align=center><img name='i48' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x22" onclick="convert(22);"></td>
		<td align=center><img name='i49' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x23" onclick="convert(23);"></td>
		<td align=center><img name='i50' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x24" onclick="convert(24);"></td>
	</tr>
	<tr>
		<td align=center><img name='i51' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i52' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i53' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i54' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i55' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i56' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i57' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i58' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i59' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i60' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i61' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i62' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i63' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i64' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i65' src='clear.gif' width=5  height=30></td>
	</tr>
	<tr>
		<td align=center><input type=radio name="x25" onclick="convert(25);"></td>
		<td align=center><img name='i66' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x26" onclick="convert(26);"></td>
		<td align=center><img name='i67' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x27" onclick="convert(27);"></td>
		<td align=center><img name='i68' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x28" onclick="convert(28);"></td>
		<td align=center><img name='i69' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x29" onclick="convert(29);"></td>
		<td align=center><img name='i70' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x30" onclick="convert(30);"></td>
		<td align=center><img name='i71' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x31" onclick="convert(31);"></td>
		<td align=center><img name='i72' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x32" onclick="convert(32);"></td>
	</tr>
	<tr>
		<td align=center><img name='i73' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i74' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i75' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i76' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i77' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i78' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i79' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i80' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i81' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i82' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i83' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i84' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i85' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i86' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i87' src='clear.gif' width=5  height=30></td>
	</tr>
	<tr>
		<td align=center><input type=radio name="x33" onclick="convert(33);"></td>
		<td align=center><img name='i88' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x34" onclick="convert(34);"></td>
		<td align=center><img name='i89' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x35" onclick="convert(35);"></td>
		<td align=center><img name='i90' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x36" onclick="convert(36);"></td>
		<td align=center><img name='i91' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x37" onclick="convert(37);"></td>
		<td align=center><img name='i92' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x38" onclick="convert(38);"></td>
		<td align=center><img name='i93' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x39" onclick="convert(39);"></td>
		<td align=center><img name='i94' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x40" onclick="convert(40);"></td>
	</tr>
	<tr>
		<td align=center><img name='i95' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i96' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i97' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i98' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i99' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i100' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i101' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i102' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i103' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i104' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i105' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i106' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i107' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i108' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i109' src='clear.gif' width=5  height=30></td>
	</tr>
	<tr>
		<td align=center><input type=radio name="x41" onclick="convert(41);"></td>
		<td align=center><img name='i110' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x42" onclick="convert(42);"></td>
		<td align=center><img name='i111' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x43" onclick="convert(43);"></td>
		<td align=center><img name='i112' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x44" onclick="convert(44);"></td>
		<td align=center><img name='i113' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x45" onclick="convert(45);"></td>
		<td align=center><img name='i114' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x46" onclick="convert(46);"></td>
		<td align=center><img name='i115' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x47" onclick="convert(47);"></td>
		<td align=center><img name='i116' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x48" onclick="convert(48);"></td>
	</tr>
	<tr>
		<td align=center><img name='i117' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i118' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i119' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i120' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i121' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i122' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i123' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i124' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i125' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i126' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i127' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i128' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i129' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i130' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i131' src='clear.gif' width=5  height=30></td>
	</tr>
	<tr>
		<td align=center><input type=radio name="x49" onclick="convert(49);"></td>
		<td align=center><img name='i132' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x50" onclick="convert(50);"></td>
		<td align=center><img name='i133' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x51" onclick="convert(51);"></td>
		<td align=center><img name='i134' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x52" onclick="convert(52);"></td>
		<td align=center><img name='i135' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x53" onclick="convert(53);"></td>
		<td align=center><img name='i136' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x54" onclick="convert(54);"></td>
		<td align=center><img name='i137' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x55" onclick="convert(55);"></td>
		<td align=center><img name='i138' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x56" onclick="convert(56);"></td>
	</tr>
	<tr>
		<td align=center><img name='i139' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i140' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i141' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i142' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i143' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i144' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i145' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i146' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i147' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i148' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i149' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i150' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i151' src='clear.gif' width=5  height=30></td>
		<td align=center><img name='i152' src='clear.gif' width=30 height=30></td>
		<td align=center><img name='i153' src='clear.gif' width=5  height=30></td>		
	</tr>
	<tr>
		<td align=center><input type=radio name="x57" onclick="convert(57);"></td>
		<td align=center><img name='i154' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x58" onclick="convert(58);"></td>
		<td align=center><img name='i155' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x59" onclick="convert(59);"></td>
		<td align=center><img name='i156' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x60" onclick="convert(60);"></td>
		<td align=center><img name='i157' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x61" onclick="convert(61);"></td>
		<td align=center><img name='i158' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x62" onclick="convert(62);"></td>
		<td align=center><img name='i159' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x63" onclick="convert(63);"></td>
		<td align=center><img name='i160' src='clear.gif' width=30 height=5></td>
		<td align=center><input type=radio name="x64" onclick="convert(64);"></td>
	</tr>
	<tr border=2 bordercolor=#4f4f4f>
		<td align=left bgcolor=silver colspan=7>
		<font face=arial size=3 color=blue>
		<b> Computer:
		<input type=text name='comp' size=2 value=0>
		</td>
		<td align=right bgcolor=silver colspan=8>
		<font face=arial size=3 color=red> <b>Player:
		<input type=text name='plyr' size=2 value=0>
		</td>
	</tr>
	<tr>
		<td align=center bgcolor=#4f4f4f colspan=15>
		<input type=button value='Reset' onclick="window.location=window.location;">
		</td>
	</tr>
	</form>
</table>
		</td>
	</tr>
</table>

<hr>
<!-- ======================================================================================================================= -->
<!--                                       END CONNECT THE DOTS TABLE/LAYOUT CODE                                            -->
<!-- ======================================================================================================================= -->



<!-- ======================================================================================================================= -->
<!--                                                 END WEB PAGE DESIGN                                                     -->
<!-- ======================================================================================================================= -->

</BODY>

</HTML>