<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
<!-- ===================================
 = Created by mpradeep: Pradeep Makineni
 = Code (NOT CONTENT) available under Creative Commons BY-NC-SA 2.5
 =    (http://creativecommons.org/licenses/by-nc-sa/2.5/in/)
 = Content available under whatever license is specifically noted, or
 =    is released under the same license as the code if no license
 =    is specified
 =================================== -->

<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:svg="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
  <link rel="copyright" href="http://creativecommons.org/licenses/by-nc-sa/2.5/in/" type="text/html;charset=utf-8" />
  <link href='dotline.png' rel='shortcut icon' type='image/png' />
  <title>చుక్కలు గీతలు</title>
  <style type="text/css">
  .text{
    font-size:10pt;
    cursor:default;
  }
  </style>
  <script type="text/javascript">
    //<!--
    var svgNS = "http://www.w3.org/2000/svg";
    var xlinkNS = "http://www.w3.org/1999/xlink";

    var SD=null;
    function getElement(id) {
      var element = null;
      if(SD == null) SD = document.getElementById('sv').getSVGDocument();
      try {
        element = document.getElementById(id);
        element.getAttribute('id'); // just to make sure that we really got the element.
      } catch(err) {
//        alert('Element: ' + id + ' is not found: ' + err.description);
        element = SD.getElementById(id);
      }
      return element;
    }
    function setCursor(cursor) {
      if(cursor == 'wait') window.status = 'Please wait...';
      else if(cursor == 'default') window.status = 'Done';
      document.body.style.cursor = cursor;
      SD.rootElement.style.cursor = cursor;
    }
    function random(num) {
      return Math.round(num*Math.random());
    }
    Array.prototype.find = function(value) {
      // extending 'Array' to include a find function ...
      for(i=0; i<this.length; i++)
        if(this[i] == value) return i;
      return -1; // not found
    }

    //////////////////////////////////////=== The Query String Class ===//////////////////////////////////////
    function QueryString(qs) {
	this.params = new Object()
	this.get=function(key, default_) {
        // This silly looking line changes UNDEFINED to NULL
        if(default_ == null) default_ = null;

        var value=this.params[key];
        if(value==null) value=default_;

        return value;
      }

      if(qs == null)
        qs=location.search.substring(1,location.search.length);
      if(qs.length == 0) return

      // Turn <plus> back to <space>
      qs = qs.replace(/\+/g, ' ')

      var args = qs.split('&') // parse out name/value pairs separated via &
      // split out each name=value pair
      for (var i=0;i<args.length;i++) {
        var value;
        var pair = args[i].split('=')
        var name = unescape(pair[0])

        if (pair.length == 2)
          value = unescape(pair[1])
        else
          value = name

        this.params[name] = value
      }
    }
    ////////////////////////////////////=== End of Query String Class ===/////////////////////////////////////


    /////////////////////////////////////////=== The Grid Class ===///////////////////////////////////////////
    function Grid(){
      this.sx = 100; // starting X position of the grid
      this.sy = 100; // starting Y position of the grid
      this.cx = 15;  // No. of horizontal points
      this.cy = 10;  // No. of vertical points
      this.cp  = 0;  // Current Player; 0-You; 1-Computer;
      this.sYU = 0;  // Your Score
      this.sCO = 0;  // Computer's Score
      this.hvLines = new Object();  // stores values of all the horizontal lines.

      // Colour constants
      this.unDrawnLine = '#fef';
      this.hoverLine   = 'blue';
      this.analyzeLine = '#fee';
      this.drawnLine   = '#fc0';
      this.playerALine = 'red';  // human
      this.playerBLine = '#fc0'; // computer

      // control flags
      this.prevID = null;

      this.loadGrid = function() {
        this.initializeVariables();
        dots = getElement('dots');
        this.genDots(dots);
        lines = getElement('lines');
        this.genLines(lines);
        this.updateScoreBox();
        getElement('startmsg').setAttribute('display', 'none');
        if(this.cp == 0)
          this.showMessage('ఆడాల్సింది మీరే');
      }

      this.initializeVariables = function() {
        var i, j;
        this.prevID = null;
        this.cp     = 0;
        this.sYU    = 0;
        this.sCO    = 0;
        this.hvLines[0] = new Array(); //0=horizontal
        this.hvLines[1] = new Array(); //1=vertical

        // initialize the line variables
        for(i=0; i<this.cx; i++) {
          for(j=0; j<this.cy; j++) {
            if(i<this.cx-1)
              this.hvLines[0][i*this.cy+j] = this.unDrawnLine;
            if(j<this.cy-1)
              this.hvLines[1][i*(this.cy-1)+j] = this.unDrawnLine;
          }
        }
      }

      this.createCircle = function(x, y, r) {
        var newCircle = document.createElementNS(svgNS, 'circle');
        newCircle.setAttributeNS(null, 'cx',x);
        newCircle.setAttributeNS(null, 'cy',y);
        newCircle.setAttributeNS(null, 'r', r);
        return newCircle;
      }

      this.createLine = function(dir, x, y) {
        var newLine = document.createElementNS(svgNS, 'path');
        var x1, x2, y1, y2;
        var idname, direction;

        if(dir == 'h') {
          x1 = this.sx+x*30+1;
          y1 = this.sy+y*30;
          x2 = this.sx+x*30+30-1;
          y2 = this.sy+y*30;
        } else {
          x1 = this.sx+x*30;
          y1 = this.sy+y*30+1;
          x2 = this.sx+x*30;
          y2 = this.sy+y*30+30-1;
        }

        idname = dir + x + ',' + y;
        direction = 'M ' + x1 +',' + y1 + ' L ' + x2 +',' + y2 + ' z';

        newLine.setAttributeNS(null, 'd', direction);
        newLine.setAttributeNS(null, 'id', idname);
        newLine.setAttributeNS(null, 'cursor','pointer');
        newLine.setAttributeNS(null, 'stroke',this.unDrawnLine);
        newLine.setAttributeNS(null, 'onclick', 'top.game.handleLine(\"'+idname+'\")');
        newLine.setAttributeNS(null, 'onmouseover', 'top.game.hoverLine(\"'+idname+'\")');
        newLine.setAttributeNS(null, 'onmouseout', 'top.game.unhoverLine(\"'+idname+'\")');

        return newLine;
      }

      this.createText = function(x, y, a) {
        var newText = document.createElementNS(svgNS, 'text');
        newText.setAttributeNS(null, 'x', this.sx+(x*30)+15);
        newText.setAttributeNS(null, 'y', this.sy+(y*30)+20);
        newText.setAttributeNS(null, 'text-anchor','middle');
        var textNode = document.createTextNode(a);
        newText.appendChild(textNode);
        return newText;		
      }

      this.genDots = function(dots) {
        for(i=0; i<this.cx; i++) {
          for(j=0; j<this.cy; j++) {
            dots.appendChild(this.createCircle(this.sx + i*30, this.sy + j*30, 2));
          }
        }
      }

      this.genLines = function(lines) {
        for(i=0; i<this.cx-1; i++) {
          for(j=0; j<this.cy-1; j++) {
            // horizontal line
              lines.appendChild(this.createLine('h', i, j));
            // vertical line
              lines.appendChild(this.createLine('v', i, j));
          }
        }
        for(j=0; j<this.cy-1; j++) { // remaining vertical lines
            lines.appendChild(this.createLine('v', (this.cx-1), j));
        }
        for(i=0; i<this.cx-1; i++) { // remaining horizontal lines
            lines.appendChild(this.createLine('h', i, (this.cy-1)));
        }
      }

      this.drawLine = function(idname, fillBoxCount, animate) {
        var dir = idname[0];
        var x = idname.replace(dir,'').split(',')[0];
        var y = idname.replace(dir,'').split(',')[1];
        this.setLineColor(dir, x, y, this.drawnLine);

        getElement(idname).setAttribute('stroke', this.drawnLine);
        if(animate == false) getElement(idname).setAttribute('stroke-width', 1);
        getElement(idname).setAttribute('onclick', null);
        getElement(idname).setAttribute('onmouseover', null);
        getElement(idname).setAttribute('onmouseout', null);
        getElement(idname).setAttribute('cursor', 'default');

        if(this.cp == 0) this.sYU += fillBoxCount;
        else             this.sCO += fillBoxCount;
        if(fillBoxCount <= 0) this.cp = (this.cp==0?1:0);
        else this.updateScoreBox();
        if(this.cp == 0)
        this.showMessage('ఆడాల్సింది మీరే');

        if(animate == true && fillBoxCount > 0)
          window.setTimeout(function(){ getElement(idname).setAttribute('stroke-width', 1); }, 2000);
        else if(animate == true && fillBoxCount <= 0)
        {
          if(this.prevID != null)
            window.setTimeout('top.game.board.makeLineThin(\"' + this.prevID + '\")', 500);
          this.prevID = idname;
        }
        return this.cp;
      }

      this.makeLineThin = function(idname) {
        getElement(idname).setAttribute('stroke-width', 1); 
      }

      this.updateScoreBox = function() {
        this.setPoints('scoreA', this.sYU);
        this.setPoints('scoreB', this.sCO);
      }

      this.setPoints = function(idname, value) {
        getElement(idname).innerHTML = value + ' డబ్బాలు';
      }

      this.vlcx = function() { // vertical linecount on x-axis
        return this.cx;
      }

      this.vlcy = function() { // vertical linecount on y-axis
        return this.cy-1;
      }

      this.hlcx = function() { // horizontal linecount on x-axis
        return this.cx-1;
      }

      this.hlcy = function() { // horizontal linecount on y-axis
        return this.cy;
      }

      this.simulateLine = function(dir, x, y) {
        if(dir=='v') { // if direction is vertical
          if(x<0 || x>=this.vlcx()) return false;
          if(y<0 || y>=this.vlcy()) return false;
        } else if(dir=='h') { // if direction is horizontal
          if(x<0 || x>=this.hlcx()) return false;
          if(y<0 || y>=this.hlcy()) return false;
        } else { // so, the direction is invalid 
          return false;
        }
        if(this.getLineColor(dir, x, y) == this.unDrawnLine)
          return true;
        return false;
      }

      this.setLineColor = function(dir, x, y, color) {
        var pos=0, d=0;
        if(dir=='v') {
          pos = (x-0)*(this.cy-1) + (y-0);
          d = 1;
        } else {
          pos = (x-0)*this.cy + (y-0);
          d = 0;
        }
        this.hvLines[d][pos] = color;
      }

      this.getLineColor = function(dir, x, y) {
        var pos=0, d=0;
        if(dir=='v') {
          pos = (x-0)*(this.cy-1) + (y-0);
          d = 1;
        } else {
          pos = (x-0)*this.cy + (y-0);
          d = 0;
        }

        return this.hvLines[d][pos];
      }

      this.setDrawLine = function(dir, x, y) {
        if(this.getLineColor(dir, x, y) == this.unDrawnLine) {
          this.setLineColor(dir, x, y, this.drawnLine);
          return true;
        }
        return false;
      }

      this.setAnalyzeLine = function(dir, x, y) {
        if(this.getLineColor(dir, x, y) == this.unDrawnLine) {
          this.setLineColor(dir, x, y, this.analyzeLine);
          return true;
        }
        return false;
      }

      this.isLineDrawn = function(dir, x, y) {
        if(this.getLineColor(dir, x, y) == this.drawnLine || this.getLineColor(dir, x, y) == this.analyzeLine)
          return true;
        return false;
      }

      this.resetAnalyzedLine = function(dir, x, y) {
        if(this.getLineColor(dir, x, y) == this.analyzeLine)
          this.setLineColor(dir, x, y, this.unDrawnLine);
      }

      this.removeAnalysis = function() {
        var i, j;
        for(i=0; i<this.cx; i++) {
          for(j=0; j<this.cy; j++) {
            if(i<this.cx-1) // horizontal line
              this.resetAnalyzedLine('h', i, j);
            if(j<this.cy-1) // vertical line
              this.resetAnalyzedLine('v', i, j);
          }
        }
      }

      this.blinkAutoFill = function() {
        getElement('autofill').setAttribute('display', 'block');
        for(var i=100; i < 5000; i=i+900) {
          setTimeout(function() { getElement('autofillrect').setAttribute('visibility', 'hidden'); }, i);
          setTimeout(function() { getElement('autofillrect').setAttribute('visibility', 'visible'); }, i+50);
        }
      }

      this.stopBlinkAutoFill = function() {
        getElement('autofill').setAttribute('display', 'none');
      }

      this.showMessage = function(message){
        getElement('message').innerHTML = message;
//        getElement('message').setAttribute('display', 'block');
//        window.setTimeout(this.clearMessage, 2500);
      }

      this.clearMessage = function(){
        getElement('message').setAttribute('display', 'none');
      }

      this.gameOver = function() {
        var i=0, j=0;
        for(i=0; i<this.cx; i++) {
          for(j=0; j<this.cy; j++) {
            if(i<this.cx-1  &&  this.simulateLine('h', i, j) == true)
              return false;
            if(j<this.cy-1  &&  this.simulateLine('v', i, j) == true)
              return false;
          }
        }
        return true;
      }

      this.presentScore = function() {
        var diff = this.sCO - this.sYU;
        var mesg = ' ';

        if(this.gameOver() != true) return;

        this.showMessage('ఆట అయిపోయింది...');

        if(diff == 0)                  mesg = 'మనిద్దరం సమానంగా డబ్బాలు తయారు చేసాం!';
        else if(diff>0 && diff<=30)    mesg = 'ఈ సారికి నేనే గెలిచాను. వచ్చేసారి గెలవటానికి ప్రయత్నించండి.';
        else if(diff>30 && diff<=100)  mesg = 'ఈ సారికి నేనే గెలిచాను. మీరింకొంచెం కష్టపడితే గెలుస్తారు.';
        else if(diff>100)              mesg = 'మీరీ ఆటను చాలా చెత్తగా ఆడుతున్నారు, ఇంకో ఆటేదన్నా ఆడండి!';
        else if(diff<0 && diff>=-15)   mesg = 'సరే, ఈ సారికి మీరే గెలిచారు. వచ్చేసారి మాత్రం నేనే గెలుస్తాను.';
        else if(diff<-15 && diff>=-50) mesg = 'మీరీ ఆటలో కత్తి కదా, మీకు మరీ అన్ని డబ్బాలు ఎలా వచ్చేసాయి!';
        else if(diff<-50)              mesg = 'నన్నేమన్నా మోసం చేస్తున్నారా? నాకు మరీ అన్ని తక్కువ డబ్బాలెలా వచ్చాయి?';
        alert(mesg);
      }
    }
    ////////////////////////////////////////=== End of Grid class ===/////////////////////////////////////////



    //////////////////////////////////////////=== The Game class ===//////////////////////////////////////////
    function Game() {
      this.level = 2;  // Level of intellegence from the computer
      this.board = new Grid();
      this.qString;

      // Control flags
      this.enableHover = true;
      this.prevMin = 1; // This variable is used only the III level algo. It stores the minimum number of boxes given to opponent previously.
      this.clickCount = 0;

      this.startGame = function() {
        var qs = new QueryString(this.qString);

        this.enableHover = true;
        this.prevMin = 1;
        this.level = qs.get('level', this.level);
        this.board.loadGrid();
        this.fillToNearEnd(Math.round(360/3)); // ideal value = total/3 = ((board.cx-1)*board.cy + board.cx*(board.cy-1))/3
      }

      this.handleLine = function(idname) {
        var color = getElement(idname).getAttribute('stroke');
        var finish = false;
        if(color == this.board.hoverLine) {
          if(this.board.drawLine(idname, this.checkForBox(idname, false), false) == 1) {
            if(this.clickCount >= 2)
              this.board.stopBlinkAutoFill();
            this.clickCount = 0;
            if(this.board.gameOver() != true) {
              this.makeComputerMove();
            }
          }
          else {
            this.clickCount += 1;
            if(this.clickCount >= 2 && this.checkForBoxes() == true)
              this.board.blinkAutoFill();
          }
        }

        this.board.presentScore();
      }

      this.hoverLine = function(idname) {
        if(this.enableHover == false) return;
        getElement(idname).setAttribute('stroke', this.board.hoverLine);
      }

      this.unhoverLine = function(idname) {
        getElement(idname).setAttribute('stroke', this.board.unDrawnLine);
      }

      this.fillToNearEnd = function(numLines) {
        var x=0;
        var y=0;
        var i=0;
        var direction = new Array();
        direction[0]='h';
        direction[1]='v';

        if(numLines%2) numLines -= 1; // see that the human gets the first chance always.

        while(i<numLines) {
          var msg='';
          d = direction[random(1)];
          if(d=='h') {
            x = random(this.board.cx-2);
            y = random(this.board.cy-1);
          } else {
            x = random(this.board.cx-1);
            y = random(this.board.cy-2);
          }
          if(this.board.simulateLine(d, x, y) == true) { //line is fit for simulating
            if(this.checkForBox(d+x+','+y, true) <= 0 && this.checkOpponentBoxes(x, y, d) <= 0) {
              this.board.drawLine(d+x+','+y, this.checkForBox(d+x+','+y, false), false); i++;
            }
          }
        }
      }

      this.makeComputerMove = function() {
        this.enableHover = false;
        setCursor('wait');
        window.setTimeout('top.game.makeComputerMove1()', 50);
      }

      this.makeComputerMove1 = function() {
          this.board.showMessage('కంప్యూటరు ఆలోచిస్తుంది, కాస్త ఓపికపట్టండి...');
          window.setTimeout('top.game.makeComputerMove2()', 50);
      }

      this.makeComputerMove2 = function() {
        // otherwise, call the appropriate move for the current level.
        if(this.level == 1)
          this.levelOneMove();
        else if(this.level == 2)
          this.levelTwoMove();
        else if(this.level == 3)
          this.levelThreeMove();
        window.setTimeout('top.game.makeComputerMove3()', 50);
      }

      this.makeComputerMove3 = function() {
        this.enableHover = true;
        setCursor('default');

        if(this.board.gameOver() != true)
          this.board.showMessage('అయిపోయింది! ఇక మీరే ఆడాలి...');
        else
          this.board.presentScore();
      }

      this.levelOneMove = function() {
        var direction = new Array();
        var x, y, d;
        direction[0]='h';
        direction[1]='v';

        while(this.board.cp != 0) {
          d = direction[random(1)];
          if(d=='h') {
            x = random(this.board.cx-2);
            y = random(this.board.cy-1);
          } else {
            x = random(this.board.cx-1);
            y = random(this.board.cy-2);
          }
          if(this.board.simulateLine(d, x, y) == true) { //line is fit for drawing
            this.board.drawLine(d+x+','+y, this.checkForBox(d+x+','+y, false), true);
          }
        }
        return d+x+','+y;
      }

      this.levelTwoMove = function() {
        var flag = false;

        // Otherwise, check if there are any boxes to fillup
        this.checkAndDrawBoxes();

        // Then put a line where opponent wont get a chance to make a box.
        flag = this.drawNoBoxLine();

        // If no such lines exist, then make a level one move
        if(flag==false)
          this.levelOneMove();
      }

      this.levelThreeMove = function() {
        var flag = false;
        var minCount = 10000, minID = ' ';
        var i, j, ct;

        // Otherwise, check if there are any boxes to fillup
        this.checkAndDrawBoxes();

        // Then put a line where opponent wont get a chance to make a box.
        flag = this.drawNoBoxLine();

        // If no such lines exist, then find a line, which when drawn, gives the least number of boxes.
        if(flag==false) {
          // First check if the game is over before proceeding
          if(this.board.gameOver() == true) {
            return;
          }

          for(i=0; i<this.board.cx && flag == false; i++) {
            for(j=0; j<this.board.cy && flag == false; j++) {
              if(i<this.board.cx-1  &&  this.board.setAnalyzeLine('h', i, j) == true) {
                ct = this.analyzeOpponentBoxes();
                this.board.removeAnalysis();
                if(ct < minCount) {
                  minCount = ct;
                  minID = 'h' + i + ',' + j;
                }
              }
              if(j<this.board.cy-1  &&  this.board.setAnalyzeLine('v', i, j) == true) {
                ct = this.analyzeOpponentBoxes();
                this.board.removeAnalysis();
                if(ct < minCount) {
                  minCount = ct;
                  minID = 'v' + i + ',' + j;
                }
              }
              if(minCount <= this.prevMin) flag = true;
            }
          }

          if(minID != ' ') {
            this.board.drawLine(minID, this.checkForBox(minID, false), true);
            this.prevMin = minCount;
          } else {
            this.levelOneMove();
          }
        }
      }

      // This function checks if we can draw any boxes.
      this.checkForBoxes = function() {
        var i, j;

        for(i=0; i<this.board.cx; i++) {
          for(j=0; j<this.board.cy; j++) {
            if(i<this.board.cx-1  &&  this.board.simulateLine('h', i, j) == true && this.checkForBox('h'+i+','+j, true) > 0) {
              return true;
            }
            if(j<this.board.cy-1  &&  this.board.simulateLine('v', i, j) == true && this.checkForBox('v'+i+','+j, true) > 0) {
              return true;
            }
          }
        }
        return false;
      }

      // This function checks if we can draw any boxes and then draws lines accordingly to prepare boxes.
      this.checkAndDrawBoxes = function() {
        var flag = true;
        var i, j;

        while(flag == true) {
          flag = false;
          for(i=0; i<this.board.cx && flag==false; i++) {
            for(j=0; j<this.board.cy && flag==false; j++) {
              if(i<this.board.cx-1  &&  this.board.simulateLine('h', i, j) == true && this.checkForBox('h'+i+','+j, true) > 0) {
                this.board.drawLine('h'+i+','+j, this.checkForBox('h'+i+','+j, false), true);
                flag = true;
              }
              if(j<this.board.cy-1  &&  this.board.simulateLine('v', i, j) == true && this.checkForBox('v'+i+','+j, true) > 0) {
                this.board.drawLine('v'+i+','+j, this.checkForBox('v'+i+','+j, false), true);
                flag = true;
              }
            }
          }
        }

        if(this.clickCount >= 2)
          this.board.presentScore();
      }

      // This function checks if we can draw any boxes and then analyzes how many lines can be put at the current location.
      this.analyzeOpponentBoxes = function() {
        var flag = true;
        var boxCount = 0, tCount;
        var i, j;

        while(flag == true) {
          flag = false;
          for(i=0; i<this.board.cx && flag==false; i++) {
            for(j=0; j<this.board.cy && flag==false; j++) {
              if(i<this.board.cx-1  &&  this.board.simulateLine('h', i, j) == true) {
                tCount = this.checkForBox('h'+i+','+j, true);
                boxCount += tCount;
                if(tCount > 0) {
                  this.board.setAnalyzeLine('h', i, j);
                  flag = true;
                }
              }
              if(j<this.board.cy-1  &&  this.board.simulateLine('v', i, j) == true) {
                tCount = this.checkForBox('v'+i+','+j, true);
                boxCount += tCount;
                if(tCount > 0) {
                  this.board.setAnalyzeLine('v', i, j);
                  flag = true;
                }
              }
            }
          }
        }
        return boxCount;
      }

      // This function draws a line on the chart, where the opponent wont get a chance to make a box with his next move.
      // It returns true if one it succeeded it drawing such line. Otherwise, it wont draw any line and just returns false.
      this.drawNoBoxLine = function() {
        var flag = false;
        var i, j;

        for(i=0; i<this.board.cx-1 && flag==false; i++) {
          for(j=0; j<this.board.cy-1 && flag==false; j++) {
            if(flag==false && i<this.board.cx-1 && this.board.simulateLine('h', i, j) == true && this.checkOpponentBoxes(i, j, 'h') <= 0) {
              this.board.drawLine('h'+i+','+j, this.checkForBox('h'+i+','+j, false), true);
              flag = true;
            }
            if(flag==false && j<this.board.cy-1 && this.board.simulateLine('v', i, j) == true && this.checkOpponentBoxes(i, j, 'v') <= 0) {
              this.board.drawLine('v'+i+','+j, this.checkForBox('v'+i+','+j, false), true);
              flag = true;
            }
          }
        }
        return flag;
      }

      this.checkForBox = function(idname, simulate) {
        // Checks whether the current line produces a box
        var d = idname[0];
        var x = idname.replace(d,'').split(',')[0];
        var y = idname.replace(d,'').split(',')[1];
        var charGrid = getElement('letters');
        var count = 0;
        if(d == 'h') { // horizontal
          if(y>0) { // check for the top box
            if((this.board.isLineDrawn('v', x, y-1) == true) &&
               (this.board.isLineDrawn('v', x-0+1, y-1) == true) &&
               (this.board.isLineDrawn('h', x, y-1) == true)) {
              if(simulate == false) charGrid.appendChild(this.board.createText(x,y-1,(this.board.cp==0?'A':'B')));
              count = count + 1;
            }
          }
          if(y < (this.board.cy-1)) { // check for the bottom box
            if((this.board.isLineDrawn('v', x, y) == true) &&
               (this.board.isLineDrawn('v', x-0+1, y) == true) &&
               (this.board.isLineDrawn('h', x, y-0+1) == true)) {
              if(simulate == false) charGrid.appendChild(this.board.createText(x,y,(this.board.cp==0?'A':'B')));
              count = count + 1;
            }
          }
        } else if(d == 'v') { // vertical
          if(x > 0) { // check for the left box
            if((this.board.isLineDrawn('v', x-1, y) == true) &&
               (this.board.isLineDrawn('h', x-1, y) == true) &&
               (this.board.isLineDrawn('h', x-1, y-0+1) == true)) {
              if(simulate == false) charGrid.appendChild(this.board.createText(x-1,y,(this.board.cp==0?'A':'B')));
              count = count + 1;
            }
          }
          if(x < (this.board.cx-1)) { // check for the right box
            if((this.board.isLineDrawn('v', x-0+1, y) == true) &&
               (this.board.isLineDrawn('h', x, y) == true) &&
               (this.board.isLineDrawn('h', x, y-0+1) == true)) {
              if(simulate == false) charGrid.appendChild(this.board.createText(x,y,(this.board.cp==0?'A':'B')));
              count = count + 1;
            }          
          }
        }
        return count;
      }

      this.checkOpponentBoxes = function(x, y, d) {
        // Returns no. of boxes the oponent will get when a line at specified place is put.
        var simLines = new Array();
        var id=x+','+y;
        var nextCount = 0;
        var nextID = '';
        if(d=='v') { // if direction is vertical
          if(x<0 || x>=this.vlcx) return false;
          if(y<0 || y>=this.vlcy) return false;
          id = 'v'+id;
          simLines[simLines.length] = id;
          if(x > 0) {
            // Check for the left side Box...
            nextID = 'v'+(x-1)+','+y;
            numBoxes = this.checkForBox2(nextID, simLines);
            nextCount += numBoxes;
            if(numBoxes <= 0) {
              nextID = 'h'+(x-1)+','+y; 
              numBoxes = this.checkForBox2(nextID, simLines);
              nextCount += numBoxes;
              if(numBoxes <= 0) {
                nextID = 'h'+(x-1)+','+(y-0+1); 
                nextCount += this.checkForBox2(nextID, simLines);
              }
            }
          }
          if(x < (this.board.cx-1)) {
            // Check for the right side Box...
            nextID = 'v'+(x-0+1)+','+y;
            numBoxes = this.checkForBox2(nextID, simLines);
            nextCount += numBoxes;
            if(numBoxes <= 0) {
              nextID = 'h'+x+','+y;
              numBoxes = this.checkForBox2(nextID, simLines);
              nextCount += numBoxes;
              if(numBoxes <= 0) {
                nextID = 'h'+x+','+(y-0+1);
                nextCount += this.checkForBox2(nextID, simLines);
              }
            }
          }
        } else if(d=='h') { // if direction is horizontal
          if(x<0 || x>=this.hlcx) return false;
          if(y<0 || y>=this.hlcy) return false;
          id = 'h'+id;
          simLines[simLines.length] = id;
          if(y > 0) {
            // Check for the top side Box...
            nextID = 'h'+x+','+(y-1);
            numBoxes = this.checkForBox2(nextID, simLines);
            nextCount += numBoxes;
            if(numBoxes <= 0) {
              nextID = 'v'+x+','+(y-1); 
              numBoxes = this.checkForBox2(nextID, simLines);
              nextCount += numBoxes;
              if(numBoxes <= 0) {
                nextID = 'v'+(x-0+1)+','+(y-1); 
                nextCount += this.checkForBox2(nextID, simLines);
              }
            }
          }
          if(y < (this.board.cy-1)) {
            // Check for the bottom side Box...
            nextID = 'h'+x+','+(y-0+1); 
            numBoxes = this.checkForBox2(nextID, simLines);
            nextCount += numBoxes;
            if(numBoxes <= 0) {
              nextID = 'v'+x+','+y; 
              numBoxes = this.checkForBox2(nextID, simLines);
              nextCount += numBoxes;
              if(numBoxes <= 0) {
                nextID = 'v'+(x-0+1)+','+y; 
                nextCount += this.checkForBox2(nextID, simLines);
              }
            }
          }
        } else { // so, the direction is invalid 
          return 0;
        }
        return nextCount;
      }

      this.checkForBox2 = function(idname, newLines) {
        // Checks whether the current line produces a box, along with the new imaginary lines.
        var d = idname[0];
        var x = idname.replace(d,'').split(',')[0];
        var y = idname.replace(d,'').split(',')[1];
        var charGrid = getElement('letters');
        var count = 0;
        if(d == 'h') { // horizontal
          if(y>0) { // check for the top box
            oidVTL = 'v'+x+','+(y-1);
            oidVTR = 'v'+(x-0+1)+','+(y-1);
            oidHT  = 'h'+x+','+(y-1);
            if((this.board.isLineDrawn('v', x, y-1) == true || newLines.find(oidVTL)!=-1) &&
               (this.board.isLineDrawn('v', x-0+1, y-1) == true || newLines.find(oidVTR)!=-1) &&
               (this.board.isLineDrawn('h', x, y-1) == true || newLines.find(oidHT)!=-1))
              count = count + 1;
          }
          if(y < (this.board.cy-1)) { // check for the bottom box
            oidVBL = 'v'+x+','+y;
            oidVBR = 'v'+(x-0+1)+','+y;
            oidHB  = 'h'+x+','+(y-0+1);
            if((this.board.isLineDrawn('v', x, y) == true || newLines.find(oidVBL)!=-1) &&
               (this.board.isLineDrawn('v', x-0+1, y) == true || newLines.find(oidVBR)!=-1) &&
               (this.board.isLineDrawn('h', x, y-0+1) == true || newLines.find(oidHB)!=-1))
              count = count + 1;
          }
        } else if(d == 'v') { // vertical
          if(x > 0) { // check for the left box
            oidVL  = 'v'+(x-1)+','+y;
            oidHLT = 'h'+(x-1)+','+y;
            oidHLB = 'h'+(x-1)+','+(y-0+1);
            if((this.board.isLineDrawn('v', x-1, y) == true || newLines.find(oidVL)!=-1) &&
               (this.board.isLineDrawn('h', x-1, y) == true || newLines.find(oidHLT)!=-1) &&
               (this.board.isLineDrawn('h', x-1, y-0+1) == true || newLines.find(oidHLB)!=-1))
              count = count + 1;
          }
          if(x < (this.board.cx-1)) { // check for the right box
            oidVR  = 'v'+(x-0+1)+','+y;
            oidHRT = 'h'+x+','+y;
            oidHRB = 'h'+x+','+(y-0+1);
            if((this.board.isLineDrawn('v', x-0+1, y) == true || newLines.find(oidVR)!=-1) &&
               (this.board.isLineDrawn('h', x, y) == true || newLines.find(oidHRT)!=-1) &&
               (this.board.isLineDrawn('h', x, y-0+1) == true || newLines.find(oidHRB)!=-1))
              count = count + 1;
          }
        }
        return count;
      }
    }
    ////////////////////////////////////////=== End of Game class ===/////////////////////////////////////////

    var game = new Game();
    function start() {
      // get game details...
      getElement('gameDetails').style.display='none';

      game.level = getElement('gamelevel').value;
      window.setTimeout('top.game.startGame()', 500);
    }
  // -->
  </script>
</head>
<body>
  <table>
    <tr>
      <td>
        <div id="gameBoard">
          <embed id="sv" src="dotline.svg" width="600" height="400" /> <br />
          <div id="message" style="height:100px; color:blue; font-size:12pt; text-align:center"> </div>
        </div>
      </td>
      <td>
        <div id="instructions">
          <span style="font-weight:bold; font-size:16pt"><a href="http://en.wikipedia.org/wiki/Dots_and_Boxes">చుక్కలు గీతలు</a></span> <span style="font-size:10pt"><sup>Beta</sup></span> <br />
          <span style="font-weight:bold">సూచనలు</span> <br />
          <span class="text">ఇది ఇద్దరు ఆడగలిగే ఆట.<br />
          ఇక్కడ కనిపిస్తున్న చుక్కలను గీతల ద్వారా కలుపుతూ డబ్బాలను పూర్తి చేయాలి. <br />
          మీరు కలిపిన గీతవలన తయారయిన ప్రతీ డబ్బాకు ఒక పాయింటు వస్తుంది.<br />
          అంతేకాదు డబ్బా తయారయిన తరువాత ఇంకో రెండు చుక్కలను కలిపే అవకాశం వస్తుంది. <br />
          ఎవరయితే ఎక్కువ డబ్బాలు తయారు చేస్తారో వారే విజేత.<br />
          <br /></span>
          <span style="font-weight:bold">ఆడే విదానం</span> <br />
          <span class="text">1. ఒక్కో ఆటగాడికీ వంతులవారీగా ఒక్కో గీతగీసే అవకాశం వస్తుంది.<br />
          2. రెండు చుక్కల మధ్యన క్లిక్‌చేసి గీత గీయవచ్చు.<br /></span>
          <span style="font-style:italic; font-size:10pt">&nbsp;&nbsp;&nbsp;&nbsp;ఒక సారి గీత గీసేసిన తరువాత, దానిని తీసేయలేరు (no undo).</span> <br />
          <span class="text">3. అవతలివారు గీత గీసే వరకూ వేచి ఉండండి.<br />
          <br /></span>
          <span style="font-weight:bold">ఆట సమాచారం</span><br />
          <table width="200px">
            <tr>
              <td style="width:50%"><span class="text" style="font-weight:bold; font-style:italic">మీరు</span></td>
              <td style="width:50%"><span class="text" style="font-weight:bold; font-style:italic">కంప్యూటరు</span></td>
            </tr>
            <tr>
              <td><span id="scoreA" class="text">-- డబ్బాలు</span></td>
              <td><span id="scoreB" class="text">-- డబ్బాలు</span></td>
            </tr>
          </table>
        </div>
      </td>
    </tr>
  </table>
  <div id="gameDetails" style="position: absolute; left:0px; top:0px; height: 100%; width: 100%; background: transparent url(background.png);">
    <table width="100%" style="height:100%">
      <tr>
        <td align="center" valign="middle">
          <table width="50%" style="text-align:center">
            <tr>
              <td align="center" style="background-color:#0f8; border: 1px solid #666666; padding: 10px;">
    కంప్యూటరు ఆడే ఆట నాణ్యతను నిర్ణయించండి: 
    <select id="gamelevel" name="gamelevel">
      <option value ="1">అతి సులువు</option>
      <option value ="2" selected="selected">సులువు</option>
      <option value ="3">కష్టం</option>
    </select> <br />
    <input type="button" value="ఆట మొదలుపెట్టండి" onclick="start()"/>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </div>

  <div id="footer" style="text-align:center; width:100%">
    <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/in/">
      <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/2.5/in/80x15.png" title="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 India License." />
    </a>
    <a rel="mpradeep" href="http://mpradeep.net">
      <img alt="http://mpradeep.net" style="border-width:0;" src="http://mpradeep.blogspot.googlepages.com/mpradeep.net.gif" title="mpradeep's blog" />
    </a>
  </div>

<!--  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
  <script type="text/javascript">
    _uacct = "UA-268102-1";
    urchinTracker();
  </script> -->
</body>
</html>