Event.observe(document, 'dom:loaded', function() {

    HumbleFinance.trackFormatter = function (obj) {
        
        var x = Math.floor(obj.x);
        var data = jsonData[x];
        var date = data.d;
        var yy = date.substring(0,4);
        var mm = date.substring(4,6);
        var dd = date.substring(6,8);
        var text = yy + "-" + mm + "-" + dd + " Price: " + data.p + " Vol: " + data.v;
        
        return text;
    };
    
    HumbleFinance.yTickFormatter = function (n) {
        
        if (n == this.max) {
            return false;
        }
        
        if (chartData == 2 || chartData == 0) {
            return '¥'+n;
        } else {
            if (n > 0) {
                n = "+" + n;
            }
            return n + '%';
        }
    };
    
    HumbleFinance.xTickFormatter = function (n) { 
        
	n = parseInt(n);
	
        if (n == 0) {
            return false;
        }
        
        var date = jsonData[n].d;
        date = date.substring(0,4);
        
        return date; 
    };
    
    HumbleFinance.init('humblefinance', priceData, priceData2, volumeData, summaryData, chartData, ave25Data, ave75Data, sd25Data, 1, 1, 0);
    HumbleFinance.zoom(dateData[0][1]);

    var xaxis = HumbleFinance.graphs.summary.axes.x;
    var prevSelection = HumbleFinance.graphs.summary.prevSelection;
    var xmin = xaxis.p2d(prevSelection.first.x);
    var xmax = xaxis.p2d(prevSelection.second.x);

    var date1 = jsonData[xmin].d.substring(0,4) + '-' + jsonData[xmin].d.substring(4,6) + '-' + jsonData[xmin].d.substring(6,8);
    var date2 = jsonData[xmax].d.substring(0,4) + '-' + jsonData[xmax].d.substring(4,6) + '-' + jsonData[xmax].d.substring(6,8);
    $('dateRange').update('SPAN: <b><font size=3>' + date1 + ' 〜 ' + date2 + '</font></b>');

    Event.observe(HumbleFinance.containers.summary, 'flotr:select', function (e) {

        var area = e.memo[0];
        xmin = Math.floor(area.x1);
        xmax = Math.ceil(area.x2);
 
        var date1 = jsonData[xmin].d.substring(0,4) + '-' + jsonData[xmin].d.substring(4,6) + '-' + jsonData[xmin].d.substring(6,8);
        var date2 = jsonData[xmax].d.substring(0,4) + '-' + jsonData[xmax].d.substring(4,6) + '-' + jsonData[xmax].d.substring(6,8);
        $('dateRange').update('SPAN: <b><font size=3>' + date1 + ' 〜 ' + date2 + '</font></b>');
    });
});