/*jslint browser: true, indent: 2, plusplus: true, vars: true */
/*global google, $*/

(function () {
  'use strict';

  var Rorschart, resize, refresh;

  if (window.hasOwnProperty('google')) {
    google.load('visualization', '1.0', {'packages': ['corechart', 'table']});
  } else {
    throw new Error("Please include Google Charts first.");
  }

  function setText(element, text) {
    if (document.body.innerText) {
      element.innerText = text;
    } else {
      element.textContent = text;
    }
  }

  function chartError(element, message) {
    setText(element, "Error Loading Chart: " + message);
    element.style.color = "#ff0000";
  }

  function getElement(element) {
    if (typeof element === "string") {
      element = document.getElementById(element);
    }
    return element;
  }

  resize = function (callback) {
    if (window.attachEvent) {
      window.attachEvent("onresize", callback);
    } else if (window.addEventListener) {
      window.addEventListener("resize", callback, true);
    }
    callback();
  };

  function processDate(dataTable) {
    var i, j, col, date_ISO8601;

    for (i = 0; i < dataTable.cols.length; i++) {
      col = dataTable.cols[i];
      if ((col.type === 'date') || (col.type === 'datetime')) {
        for (j = 0; j < dataTable.rows.length; j++) {
          date_ISO8601 = dataTable.rows[j].c[i].v;
          dataTable.rows[j].c[i].v = new Date(date_ISO8601);
        }
      }
    }
    return dataTable;
  }

  function drawChart(chart, chartClass, element, dataSource, options) {

    var dataTable, type;

    type = Object.prototype.toString.call(dataSource);
    if (type === '[object String]') {
      dataSource = JSON.parse(dataSource);
    }

    dataSource = Object.create(dataSource);
    if (dataSource.cols == null) {
      setText(element, "Empty data")
      return
    }

    try {
      dataTable = new google.visualization.DataTable(processDate(dataSource));
    } catch (err) {
      chartError(element, err.message);
      throw err;
    }

    chart.chart = new chartClass(element);

    resize(function () {
      chart.chart.draw(dataTable, options);
    });    
  }

  function retrieveRemoteData(element, url, callback, alreadyDrawed) {
    $.ajax({
      url: url,
      statusCode: {
        201: function (data) {
          //Use traditionnal polling here instead of long one. Heroku in mind.
          setTimeout(function () {
            $( '#'+ element.id ).trigger( "refreshing", [ element.id ] );
            retrieveRemoteData(element, url, callback);
          }, 1500);
        },        
        202: function (data) {
          if (!alreadyDrawed) {
            // Display current
            callback(data);
          }
          setTimeout(function () {
            $( '#'+ element.id ).trigger( "refreshing", [ element.id ] );
            retrieveRemoteData(element, url, callback, true);
          }, 1500);
        },        
        200: function (data) {
          $( '#'+ element.id ).trigger( "displayed", [ element.id ] );
          callback(data);
        },
        203: function (data) {
          $( '#'+ element.id ).trigger( "error", [ element.id ] );
          callback(data);
        }        
      },
      error: function (jqXHR, textStatus, errorThrown) {
        
        $( '#'+ element.id ).trigger( "error", [ element.id ] );

        var message = (typeof errorThrown === "string") ? errorThrown : errorThrown.message;
        chartError(element, message + " "+ jqXHR.responseText);
      }
    });
  }

  refresh = function (chart, klass_name, hideRefreshMessage) {

    if (!hideRefreshMessage) {
      setText(chart.element, 'Loading Chart data...');
    }

    chart.chartClass = klass_name || chart.chartClass

    if (typeof chart.dataSource === "string") {
      retrieveRemoteData(chart.element, chart.dataSource, function (data) {
        google.setOnLoadCallback(drawChart(chart, chart.chartClass, chart.element, data, chart.options));
      });
    } else {
      google.setOnLoadCallback(drawChart(chart, chart.chartClass, chart.element, chart.dataSource, chart.options));
    }
  }

  function setElement(chart, chartClass, element, dataSource, options) {
    
    if (typeof element === "string") {
      element = document.getElementById(element);
    }

    chart.chartClass = chartClass
    chart.element = element;
    chart.options = options || {};
    chart.dataSource = dataSource;
    Rorschart.charts[element.id] = chart;
    refresh(chart);
  }

  Rorschart = {
    GoogleChart: function (chartClass, element, dataSource, options) {
      setElement(this, chartClass, element, dataSource, options);
    },
    charts: {}
  };


  window.Rorschart = Rorschart;
  window.Rorschart.refresh = refresh;

}());