'use strict';

var BuoyAnalysisBehaviors = {

    /**
     *
     */
    reticleDrag: function(d) {

    },

    /**
     *
     */
    reticleDragEnd: function() {
        var x = d3.mouse(this)[0];
        var y = d3.mouse(this)[1];

        if (x < 200) {
            x = 200;
        }

        if (x > 800) {
            x = 800;
        }


        var d = d3.select('.reticle').data()[0];
        d.x = x;
        d.y = y;

        d3.select('.reticle')
            .transition()
            .duration(300)
            .attr('transform', 'translate(' + [ d.x, d.y ] + ')')

        BuoyAnalysisMap.findStationsUnderReticle();
        BuoyAnalysisChart.draw();
    },

    /**
     *
     */
    reticleResize: function() {

    },

    /**
     *
     */
    barDisplayClick: function(d) {
        var e = d3.select(this);

        d3.selectAll('.bar-display .toggle').classed('selected', false);

        e.classed('selected', true);

        if (e.classed('toggle1')) {
            BuoyAnalysisChart.bars.showYears = true;
            BuoyAnalysisChart.bars.showMonths = true;
        }
        else if (e.classed('toggle2')) {
            BuoyAnalysisChart.bars.showYears = false;
            BuoyAnalysisChart.bars.showMonths = true;
        }
        else if (e.classed('toggle3')) {
            BuoyAnalysisChart.bars.showYears = true;
            BuoyAnalysisChart.bars.showMonths = false;
        }

        BuoyAnalysisChart.draw();
    },

    /**
     *
     */
    columnDisplayClick: function(d) {
        var e = d3.select(this);

        d3.selectAll('.column-display .toggle').classed('selected', false);

        e.classed('selected', true);

        if (e.classed('toggle1')) {
            BuoyAnalysisChart.bars.property = 'ATMP';
        }
        else if (e.classed('toggle2')) {
            BuoyAnalysisChart.bars.property = 'WTMP';
        }
        else if (e.classed('toggle3')) {
            BuoyAnalysisChart.bars.property = 'WVHT';
        }
        else if (e.classed('toggle4')) {
            BuoyAnalysisChart.bars.property = 'WPER';
        }
        else if (e.classed('toggle5')) {
            BuoyAnalysisChart.bars.property = 'WSPD';
        }

        BuoyAnalysisChart.updateAxes();
        BuoyAnalysisChart.draw();
    },

    /**
     *
     */
    attachBehaviors: function() {
        d3.select('#map')
            .on('click', BuoyAnalysisBehaviors.reticleDragEnd)
            // .call(d3.behavior.drag()
            //     .on('drag', BuoyAnalysisBehaviors.reticleDrag)
            //     .on('dragend', BuoyAnalysisBehaviors.reticleDragEnd)
            // );

        d3.selectAll('.bar-display .toggle')
            .on('click', BuoyAnalysisBehaviors.barDisplayClick);

        d3.selectAll('.column-display .toggle')
            .on('click', BuoyAnalysisBehaviors.columnDisplayClick);
    }
};

        // d3.selectAll('.detail')
            // .on('mouseover', startAnimateStation)
            // .on('mouseout', stopAnimateStation);

//     function startAnimateStation() {
//         var id = d3.event.target.id || d3.event.target.parentNode.id;
//         var selector = '#' + id.split('-')[1];

//         d3.select(selector)
//             .transition()
//             .attr('r', '10')
//             .duration(200)
//     };

//     function stopAnimateStation() {
//         var id = d3.event.target.id || d3.event.target.parentNode.id;
//         var selector = '#' + id.split('-')[1];

//         d3.select(selector)
//             .transition()
//             .attr('r', '3')
//             .duration(200)
//     };

//     /**
//      *
//      */
//     function startAnimateDetail() {
//         var id = d3.event.target.id;
//         d3.select('#detail-' + id)
//             .classed('active', true)
//     }

//     /**
//      *
//      */
//     function stopAnimateDetail() {
//         var id = d3.event.target.id;
//         d3.select('#detail-' + id)
//             .classed('active', false)
//     }