#!/usr/bin/perl
#######################
# A two player tic-tac-toe game. Each square is an image that will change to
# display an X or O when clicked on by the appropriate player. 
#######################
use warnings;
use strict;
use CGI qw(:standard);

print "Content-type: text/html\n\n";

my $a1= param("a1") || ("blank");
my $a2= param("a2") || ("blank");
my $a3= param("a3") || ("blank");

my $b1= param("b1") || ("blank");
my $b2= param("b2") || ("blank");
my $b3= param("b3") || ("blank");

my $c1= param("c1") || ("blank");
my $c2= param("c2") || ("blank");
my $c3= param("c3") || ("blank");

	
print qq (
 <html>
 <head>
  <title>Buttons</title>
 </head>
 <body>
  <form>
  <input type="image" src="pics/$a1.jpg" alt="Button1" name="a1" value = "x">
  <INPUT TYPE= "hidden" NAME="a1" VALUE="$a1">
  <input type="image" src="pics/$a2.jpg" alt="Button2" name="a2" value = "x">
  <INPUT TYPE= "hidden" NAME="a2" VALUE="$a2">
  <input type="image" src="pics/$a3.jpg" alt="Button3" name="a3" value = "x">
  <INPUT TYPE= "hidden" NAME="a3" VALUE="$a3">
  <br>
  <input type="image" src="pics/$b1.jpg" alt="Button3" name="b1" value = "x">
  <INPUT TYPE= "hidden" NAME="b1" VALUE="$b1">
  <input type="image" src="pics/$b2.jpg" alt="Button3" name="b2" value = "x">
  <INPUT TYPE= "hidden" NAME="b2" VALUE="$b2">
  <input type="image" src="pics/$b3.jpg" alt="Button3" name="b3" value = "x">
  <INPUT TYPE= "hidden" NAME="b3" VALUE="$b3">
  <br>
  <input type="image" src="pics/$c1.jpg" alt="Button3" name="c1" value = "x">
  <INPUT TYPE= "hidden" NAME="c1" VALUE="$c1">
  <input type="image" src="pics/$c2.jpg" alt="Button3" name="c2" value = "x">
  <INPUT TYPE= "hidden" NAME="c2" VALUE="$c2">
  <input type="image" src="pics/$c3.jpg" alt="Button3" name="c3" value = "x">
  <INPUT TYPE= "hidden" NAME="c3" VALUE="$c3">
  </form>
  <FORM NAME="Reset">
  <INPUT TYPE="submit" NAME="Reset" VALUE="Reset">
  </form>
 </body>
 </html>		);
 
 print "<hr> Parameters passed : <br>\n";
foreach my $name ( param ){
 print  $name , " => '" , param($name), "'<br>\n";
}
print "<hr>\n";