$(function(){
  $('#periodTotalButton').click(function() {
      refreshCharts(0,0);
  });

  $('#periodYearButton').click(function() {
      refreshCharts(0,1);
  });

  $('#periodMonthButton').click(function() {
      refreshCharts(0,2);
  });

  $('#periodTotalButton').removeClass('ui-state-default').addClass('ui-state-active');
});


function refreshCharts(offset, period) {
    refreshVisitsChart(offset, period);
    refreshRatingsChart(offset, period);
    refreshMapSearchChart(offset, period);
    if (period == 0) {
          $('#periodTotalButton').removeClass('ui-state-default').addClass('ui-state-active');
          $('#periodYearButton').removeClass('ui-state-active').addClass('ui-state-default');
          $('#periodMonthButton').removeClass('ui-state-active').addClass('ui-state-default');
    }
    else if (period == 1) {
          $('#periodTotalButton').removeClass('ui-state-active').addClass('ui-state-default');
          $('#periodYearButton').removeClass('ui-state-default').addClass('ui-state-active');
          $('#periodMonthButton').removeClass('ui-state-active').addClass('ui-state-default');
    }
    else if (period == 2) {
          $('#periodTotalButton').removeClass('ui-state-active').addClass('ui-state-default');
          $('#periodYearButton').removeClass('ui-state-active').addClass('ui-state-default');
          $('#periodMonthButton').removeClass('ui-state-default').addClass('ui-state-active');
    }
}


function refreshVisitsChart(offset, period) {
    var json = {"action" : "get_campingchart_html",
                "type" : "visits",
                "offset" : parseInt(offset),
                "period" : parseInt(period)};

    sendAPIRequest(json, "refreshVisitsChartResponse");
}

function refreshVisitsChartResponse(response) {
    var status = response["status"];

    if (status == 0) {
        var html = response["html"];
        document.getElementById("visit_box").innerHTML = html;
    }
    else {
        alert(response["message"]);
    }
}


function refreshRatingsChart(offset, period) {
    var json = {"action" : "get_campingchart_html",
                "type" : "ratings",
                "offset" : parseInt(offset),
                "period" : parseInt(period)};

    sendAPIRequest(json, "refreshRatingsChartResponse");
}

function refreshRatingsChartResponse(response) {
    var status = response["status"];

    if (status == 0) {
        var html = response["html"];
        document.getElementById("rating_box").innerHTML = html;
    }
    else {
        alert(response["message"]);
    }
}

function refreshMapSearchChart(offset, period) {
    var json = {"action" : "get_campingchart_html",
                "type" : "mapsearch",
                "offset" : parseInt(offset),
                "period" : parseInt(period)};

    sendAPIRequest(json, "refreshMapSearchChartResponse");
}

function refreshMapSearchChartResponse(response) {
    var status = response["status"];

    if (status == 0) {
        var html = response["html"];
        document.getElementById("mapsearch_box").innerHTML = html;
    }
    else {
        alert(response["message"]);
    }
}