Unnamed

<html>
<head>
      <title>TicAjaxToe</title>
</head>
<body>

<script type="text/javascript">
var currentstatus = "Make Your Move Player 1!";
var player1 = "1dog";
var player2 = "2dog";
var playinggame = "true";

function ajaxFunction()
  {

  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }

    return xmlHttp;
}

function move(movenumber)
{
    if(playinggame=="true")
    {
     player = "x";

     var place = getplace(movenumber);

     if(place=="free")
     {
        var board = getboard();
        var url = "ticajaxtoe.php?function=move&board="+board+"&place="+movenumber+"&player="+player;

        var xmlHttp = ajaxFunction();
        xmlHttp.open("GET", url,true);
        xmlHttp.send("");

        xmlHttp.onreadystatechange=function()
        {
                if(xmlHttp.readyState==4)
                {
                           document.getElementById("gameboard").innerHTML = xmlHttp.responseText;
                           checkforending();
                           if(playinggame=="true")
                           {
                           computermove();
                           }
                }
        }
     }

     if(place=="x" || place=="o")
     {
        alert("Place Already Used Pick Another");
     }
    }


}

function computermove()
{

  if(playinggame=="true")
  {

    currentstatus = player2+" is taking turn...";

    player = "o";

    var board = getboard();

    var url = "ticajaxtoe.php?function=computermove&board="+board+"&player="+player;

    var xmlHttp = ajaxFunction();
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);

    xmlHttp.onreadystatechange=function()
    {
            if(xmlHttp.readyState==4)
            {
               document.getElementById("gameboard").innerHTML = xmlHttp.responseText;
               var currentstatus = "Make Your Move"+player1+"!";
               checkforending();
            }
    }
  }
}

function checkforending()
{

    var board = getboard();

    var url = "ticajaxtoe.php?function=checkforending&board="+board;

    var xmlHttp = ajaxFunction();
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);

    xmlHttp.onreadystatechange=function()
    {
            if(xmlHttp.readyState==4)
            {
             var check = xmlHttp.responseText;
                 if(check=="x")
                 {
                  document.getElementById("status").value = player1 + " Wins!";
                  playinggame = "false";
                  alert(playinggame);
                  }
                 if(check=="y")
                  {
                   document.getElementById("status").value = player2 + " Wins!";
                   playinggame = "false";
                   alert(playinggame);
                  }
            }
    }
}

function resetboard()
{
    var url = "ticajaxtoe.php?function=reset";

    var xmlHttp = ajaxFunction();
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);

    xmlHttp.onreadystatechange=function()
    {
            if(xmlHttp.readyState==4)
            {
             document.getElementById("gameboard").innerHTML = xmlHttp.responseText;
             document.getElementById("status").value = "";
             playinggame = "true";
            }
    }
}


function getplace(placenumber)
{

 var placecontents ="";
 placecontents = document.getElementById("place"+placenumber).name;

return placecontents;

}

function getboard()
{

         var board ="";

         for(var i = 1; i < 10; i++)
         {
             board = board + document.getElementById("place"+i).name + "a";
         }
return board;
}
</script>
         <div id="gameboard">
                    <img name="free" src="images/free.jpg" id="place1" onclick="move(1);"/>
                    <img src="images/column.jpg"/>
                    <img name="free" src="images/free.jpg" id="place2" onclick="move(2);"/>
                    <img src="images/column.jpg"/>
                    <img name="free" src="images/free.jpg" id="place3" onclick="move(3);"/>
                    <BR/>
                    <img src="images/row.jpg" width="99" height="3"/>
                    <BR/>
                    <img name="free" src="images/free.jpg" id="place4" onclick="move(4);"/>
                    <img src="images/column.jpg"/>
                    <img name="free" src="images/free.jpg" id="place5" onclick="move(5);"/>
                    <img src="images/column.jpg"/>
                    <img name="free" src="images/free.jpg" id="place6" onclick="move(6);"/>
                    <BR/>
                    <img src="images/row.jpg"/>
                    <BR/>
                    <img name="free" src="images/free.jpg" id="place7" onclick="move(7);"/>
                    <img src="images/column.jpg"/>
                    <img name="free" src="images/free.jpg" id="place8" onclick="move(8);"/>
                    <img src="images/column.jpg"/>
                    <img name="free" src="images/free.jpg" id="place9" onclick="move(9);"/>
         </div>
         <div id="statusarea">
         <table>
                <tr>
                    <td>
                     <form name="myForm">
                     <input type="text" id="status" value=""/>
                      <input type="button" onclick="resetboard();" value="New Game"/>
                     </form>
                    </td>
                </tr>
         </table>
         </div>
</body>
</html>