var point = require('./point'),
    shape = require('./shape')

/*
  BoardElement Factory
  */

var BoardElement = function(board, element, options) {
  this.element = element;
  this.options = options;
  return new this[element](board, options);
}

BoardElement.prototype = (function() {

/*--
  Interface Element {
    public void   constructor(JSXGraph board, Object options)
    public object draw()
  }
*--*/

  /*
  Options: {
    center: [float, float],
    radius: float
  }
  */
  var circleElement = function(board, options) {
    this.options = options;
    this.board   = board;
  };

  circleElement.prototype.draw = function() {
    var p1 = new point(this.board, this.options.center).add();
    return new shape(this.board, "circle", [p1, this.options.radius, [p1]]).add();
  };

  //-----------------------------------------------------------------------

  /*
  Options: {
    point 1: [float, float],
    point 2: [float, float],
    point 3: [float, float]
  }
  */
  var angleElement = function(board, options) {
    this.options = options;
    this.board   = board;
  };

  angleElement.prototype.draw = function() {
    var p1 = new point(this.board, this.options.point1).add();
    var p2 = new point(this.board, this.options.point2).add();
    var p3 = new point(this.board, this.options.point3).add();

    return new shape(this.board, "angle", [p1, p2, p3, [p1, p2, p3]]).add();
  };

  //-----------------------------------------------------------------------

  /*
  Options: {
    point 1: [float, float],
    point 2: [float, float],
    point 3: [float, float]
  }
  */
  var arcElement = function(board, options) {
    this.options = options;
    this.board   = board;
  };

  arcElement.prototype.draw = function() {
    var p1 = new point(this.board, this.options.point1).add();
    var p2 = new point(this.board, this.options.point2).add();
    var p3 = new point(this.board, this.options.point3).add();

    return new shape(this.board, "arc", [p1, p2, p3, [p1, p2, p3]]).add();
  };

  //-----------------------------------------------------------------------

  /*
  Options: {
    point 1: [float, float],
    point 2: [float, float],
    point 3: [float, float]
  }
  */
  var ellipseElement = function(board, options) {
    this.options = options;
    this.board   = board;
  };

  ellipseElement.prototype.draw = function() {
    // curve points
    var p1 = new point(this.board, this.options.point1).add();
    var p2 = new point(this.board, this.options.point2).add();
    var p3 = new point(this.board, this.options.point3).add();

    return new shape(this.board, "ellipse", [p1, p2, p3, [p1, p2, p3]]).add();

  };

  //-----------------------------------------------------------------------

  /*
  Options: {
    point 1: [float, float],
    point 2: [float, float]
  }
  */
  var segmentElement = function(board, options) {
    this.options = options;
    this.board   = board;
  };

  segmentElement.prototype.draw = function() {
    var p1 = new point(this.board, this.options.point1).add();
    var p2 = new point(this.board, this.options.point2).add();

    return new shape(this.board, "segment", [p1, p2, [p1, p2]]).add();

  };

  //-----------------------------------------------------------------------

  /*
  Options: {
    point 1: [float, float],
    point 2: [float, float]
  }
  */
  var lineElement = function(board, options) {
    this.options = options;
    this.board   = board;
  };

  lineElement.prototype.draw = function() {
    var p1 = new point(this.board, this.options.point1).add();
    var p2 = new point(this.board, this.options.point2).add();

    return new shape(this.board, "line", [p1, p2, [p1, p2]]).add();
  };

  //-----------------------------------------------------------------------

  /*
  Options: {
    point 1: [float, float],
    ...
  }
  */
  var polygonElement = function(board, options) {
    this.options = options;
    this.board   = board;
  };

  polygonElement.prototype.draw = function() {

    var vertices = [];
    for(i in this.options) {
      vertices.push(new point(this.board, this.options[i]).add());
    }
    vertices.push(vertices);
    var polygon = new shape(this.board, "polygon", vertices).add();
    polygon.hasInnerPoints  = true;
    return polygon;
  };

  //-----------------------------------------------------------------------

  /*
  Options: {
    point: [float, float]
  }
  */
  var pointElement = function(board, options) {
    this.options = options;
    this.board   = board;
  };

  pointElement.prototype.draw = function() {

    return new point(this.board, this.options.point).add();

  };

  //-----------------------------------------------------------------------

  /*
  Options: {
    options: [Function, X, Y]
  }
  */

  var functionElement = function(board, options) {
    this.options = options;
    this.board   = board;
  }

  functionElement.prototype.draw = function() {
    var curve = new shape(this.board, 'functiongraph', this.options.concat(this.options[0]), {
      fixed: true,
      strokewidth: 2
    });
    curve = curve.add();

    return curve;
  };

  //-----------------------------------------------------------------------

  /*
  Options: {
    position: [float, float],
    size:     int,
    text:     string
  }
  */

  var textElement = function(board, options) {
    this.options = options;
    this.board   = board;
  };

  textElement.prototype.draw = function() {
    return new shape(this.board, "text",
      [this.options.position[0],
      this.options.position[1],
      this.options.text,
      [this.options.position[0],
      this.options.position[1]]],
      {
        fontSize: this.options.size
      }).add();
  };

  return {
    Constructor: BoardElement,
    circle:      circleElement,
    angle:       angleElement,
    arc:         arcElement,
    ellipse:     ellipseElement,
    segment:     segmentElement,
    func:        functionElement,
    line:        lineElement,
    polygon:     polygonElement,
    point:       pointElement,
    text:        textElement
  };

})();

module.exports = BoardElement;