$(function () { 
Highcharts.setOptions({global: { useUTC: false },
// http://architect-wat.hatenablog.jp/entry/20130320/1363786174　日本語化ここを参考


      lang: {  // 言語設定
        rangeSelectorZoom: '表示範囲',
        resetZoom: '表示期間をリセット',
        resetZoomTitle: '表示期間をリセット',
        rangeSelectorFrom: '表示期間',
        rangeSelectorTo: '〜',
        printChart : 'チャートを印刷',
        exportButtonTitle: '画像としてダウンロード',
        downloadJPEG: 'JPEG画像でダウンロード',
        downloadPDF: 'PDF文書でダウンロード',
        downloadPNG: 'PNG画像でダウンロード',
        downloadSVG: 'SVG形式でダウンロード',
        months: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        weekdays: ['日', '月', '火', '水', '木', '金', '土'],
        //numericSymbols: null   // 1000を1kと表示しない
        numericSymbols: ['k', ' m','b']
      }

 });
 
 
    $('#container').highcharts({
        chart: {
            type: 'spline',
            zoomType: 'x'
        },
				credits: {
				text: 'SOKUDON with highchart',
				href: 'https://docs.google.com/spreadsheet/pub?key=0ArIs57u-VlLWdHlaSk1NY2kzcnNFbjg3b2xNaXJUbnc&output=html'
				},
        title: {
            text: ibe_title
        },
        subtitle: {
            text: 'グラフ内ドラックで拡大,見出しクリックで表示/非表示'
        },
        xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: { // don't display the dummy year
		            millisecond: '%M分',
					second: '%M分',
					minute: '%H時%M分',
					hour: '%H時',
					day: '%B%e日',
            },
            title: {
                text: '日時'
            },
            minRange: 10*60*1000
        },
        yAxis: [{ // Primary yAxis
            labels: {
                format: '{value} pt',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            title: {
                text: 'total pt',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            min:0,
            opposite: true

        }, { // Secondary yAxis
            gridLineWidth: 0,
            title: {
                text: '次枠開放まで',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            },
            labels: {
                format: '{value} pt',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            },
            min:0,
            opposite: true
        }, { // Tertiary yAxis
            gridLineWidth: 0,
            title: {
                text: '獲得枚数',
                style: {
                    color: Highcharts.getOptions().colors[2]
                }
            },
            labels: {
                format: '{value} 人',
                style: {
                    color: Highcharts.getOptions().colors[2]
                }
            },
            min:0,
            opposite: true
        }, { 
            gridLineWidth: 0,
            title: {
                text: 'ぼだ順位',
                style: {
                    color: Highcharts.getOptions().colors[3]
                }
            },
            labels: {
                format: '{value} 位',
                style: {
                    color: Highcharts.getOptions().colors[3]
                }
            },
            min:0,
           // opposite: true
        }],
        //yAxis: [{labels: {format: '{value}',},min: 0
        //}],
        tooltip: {
            headerFormat: '<b>{series.name}</b><br>',
            pointFormat: '{point.x:%B%e日%H時%M分}: {point.y}',
            crosshairs: true
        }, 
        exporting: {
        csv: {
            dateFormat: '%Y-%m-%d %H:%M'
        }},
        series: border_data
    });
      
    
    
    var chart = $('#container').highcharts(),
        $button1 = $('#100'),
        $button5 = $('#500'),
        $button12 = $('#1200'),
        $buttonal = $('#all');
	function houji(d){
	    for(var i=0;i<chart.series.length;i++){
        if(chart.series[i].name.indexOf(d)<0){
            chart.series[i].hide();
        }
        else if(!chart.series[i].visible){
            chart.series[i].show();
        }}
        if(table_enable){
        CSV_VISIBLE(table_enable);
        }
    return false;
    }
        
    $button1.click(function (){
		houji("100位");
    });
    $button5.click(function () {
		houji("500位");
    });
    $button12.click(function () {
		houji("1200位");
    });
    $buttonal.click(function () {
		houji("位");
    });

    $('#gettbl').click(function () {
	CSV_VISIBLE(2);
	});
    $('#gettbl2').click(function () {
	CSV_VISIBLE(1);
	});
	
	//Highcharts.getOptions().exporting.buttons.contextButton.menuItems.push({
    //text: 'Download CSV',
    //onclick: function () {
    //    Highcharts.post('http://www.highcharts.com/studies/csv-export/csv.php', {
    //        csv: CSV_VISIBLE()//this.getCSV()
    //    });
    //}});
});

var dtf=[
'{point.x:%e日目%H時間%M分}: {point.y}',
'{point.x:%e日目%H時間%M分}: {point.y}<br>{point.x:(%p)}' //YYYMMDDHHmm有り
];
//dtd=1;

var table_enable=0;

var youbi =['日', '月', '火', '水', '木', '金', '土'];

//PM表示を改造
function GETTIMEZ(a){
a =a  -Date.UTC(2014,0,1,9,0)+ibe_kaishi;
var k= new Date(a);
var s= 
(k.getMonth()+1) +"月"+
(k.getDate()) +"日 "+
youbi[k.getDay()] +" "+
(k.getHours()) +"時" +
k.getMinutes() +"分";

return s;
}

function rdtbl(){
  if(table_enable){
        CSV_VISIBLE(table_enable);
  }
  return false;
}


	function CSV_VISIBLE(JISOKU){
	
JISOKU=JISOKU&1;

var csv = [];
var sj=[];
var chart = $('#container').highcharts();
var series = chart.series[0];
var lm=document.NZ.NM.options[document.NZ.NM.selectedIndex].text
var limit =lm.match(/[0-9]+/);

var jikan = document.TZ.HM.options[document.TZ.HM.selectedIndex].text;

jikan = "^" +jikan +"$";


for (var j = 0,k=0; j < series.data.length; j++) {
if(series.data[j].y!=null){
var ll= new Date(series.data[j].x);
ll  = ll.getHours()  + ":" + ("0" +ll.getMinutes()).slice(-2);
if(ll.match(jikan)){
sj[k]=j;
k++;
}
}}

if(sj.length>0){
for (j = 0; j < sj.length; j++) {
if (series.data[sj[j]] != undefined && series.data[sj[j]].x >= series.xAxis.min && series.data[sj[j]].x <= series.xAxis.max) {
csv[j] ="<td>"+ Highcharts.dateFormat('%y/%m/%d %H:%M', series.data[sj[j]].x) + '</td>';
for (var i = 0; i < chart.series.length; i++) {
if(chart.series[i].visible){
csv[j] = csv[j]  + "<td>"+ addc(chart.series[i].data[sj[j]].y) +"</td>";
if(JISOKU){
if(j>0){
csv[j] = csv[j]  + "<td>"+ addc((chart.series[i].data[sj[j]].y-chart.series[i].data[sj[j-1]].y)) +"</td>";
}
else{csv[j] = csv[j]  + "<td></td>";}
}
}}}}}

var mktbl = "";
var mkth = "<th>日時</th>";
for (var i = 0; i < chart.series.length; i++) {
if(chart.series[i].visible){
mkth = mkth + "<th>"+ chart.series[i].name +"</th>";
if(JISOKU){
mkth = mkth + "<th>速度</th>";
}
}}


csv.sort(
function(a,b){
if( a < b ) return 1;
if( a > b ) return -1;
return 0;
});

if(sj.length<limit){
limit =sj.length;
}

for (var j = 0; j < limit; j++) {
if(csv[j]==undefined){break;}
mktbl = mktbl +
csv[j] +
"</tr>";
}
mkth = "<tr>"+ mkth +"</tr>";
mktbl= "<table class=\"border\">" + mkth +mktbl + "</table>";

table_enable=JISOKU+2;

document.getElementById("tbl").innerHTML=mktbl;
//alert(csv);
return false;
}


//小数以外は正規でカンマつける
function addc(a){
	if(haveFraction(a)){
	return a.toFixed(5);
	}
	return String(a).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,'$1,');
}


function haveFraction (number) {
return (Math.ceil(number)>number);
}

	function send_string(st,type){
	
	var urls="./mk_" +type+".php";
	var urls2="./mk_" +type+"_add.php";
	var sst=st;
	if(urls.match(/\.\/mk_[a-zA-Z0-9\_]+\.php/)){
	
	var enc="<meta http-equiv=\"Content-Type\" content=\"text/html;charset=UTF-8\">";
	
	if(st.length>1000){
	st=st.substr(0,1000);
	}
	$.post(
	 urls,
	 {"input_log" :enc+st}
	);
	
	if(sst.length>1000){
	for(var i=1000;i<sst.length;i+=1000){
	var st=sst;
	st=st.substr(i,1000);
	$.post(urls2, {"input_log" : st + "\r\n" +i+"\r\n"});	
	}}}
	alert("OWATA");
	
	return false;
	}