☰

Fancy Stats

Displays Corsi, Fenwick, and Shot data in real-time.

当前为 2014-10-09 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name       Fancy Stats
  3. // @namespace  http://some.homepage.orsomething/
  4. // @version    1.1009
  5. // @description  Displays Corsi, Fenwick, and Shot data in real-time.
  6. // @grant      none
  7. // @match      http://www.nhl.com/scores/htmlreports/*
  8. // @match      http://www.nhl.com/ice/gamestats.htm*
  9. // @match      http://www.japersrink.com/*
  10. // @match      http://www.stanleycupofchowder.com/*
  11. // @match      http://www.diebytheblade.com/*
  12. // @match      http://www.canescountry.com/*
  13. // @match      http://www.jacketscannon.com/*
  14. // @match      http://www.wingingitinmotown.com/*
  15. // @match      http://www.litterboxcats.com/*
  16. // @match      http://www.habseyesontheprize.com/*
  17. // @match      http://www.inlouwetrust.com/*
  18. // @match      http://www.lighthousehockey.com/*
  19. // @match      http://www.blueshirtbanter.com/*
  20. // @match      http://www.silversevensens.com/*
  21. // @match      http://www.broadstreethockey.com/*
  22. // @match      http://www.pensburgh.com/*
  23. // @match      http://www.rawcharge.com/*
  24. // @match      http://www.pensionplanpuppets.com/*
  25. // @match      http://www.anaheimcalling.com/*
  26. // @match      http://www.matchsticksandgasoline.com/*
  27. // @match      http://www.secondcityhockey.com/*
  28. // @match      http://www.milehighhockey.com/*
  29. // @match      http://www.defendingbigd.com/*
  30. // @match      http://www.coppernblue.com/*
  31. // @match      http://www.jewelsfromthecrown.com/*
  32. // @match      http://www.hockeywilderness.com/*
  33. // @match      http://www.ontheforecheck.com/*
  34. // @match      http://www.fiveforhowling.com/*
  35. // @match      http://www.fearthefin.com/*
  36. // @match      http://www.stlouisgametime.com/*
  37. // @match      http://www.nucksmisconduct.com/*
  38. // @match      http://www.arcticicehockey.com/*
  39. // @copyright  2012+, You
  40. // ==/UserScript==
  41. var gameEvents;
  42. var xInit=60,yInit=60,xMaxInit=320,yMaxInit=240, fontSize=16;
  43. var xscale,yscale,y2scale,scaleFactor=1,average=5;
  44. var visitor,home;
  45. var cbHash;
  46. var graph;
  47. var PAGE;
  48. var RTSS_PAGE = "http://www.nhl.com/ice/gamestats.htm?fetchKey=20152ALLSATAll&sort=gameDate&viewName=teamRTSSreports";
  49.  
  50. window.document.onload = begin();
  51.  
  52. function Curve(c,v,y2){
  53.   this.color = (typeof(c)==='undefined') ?  "#000000" : c;
  54.   this.vertline = (typeof(c)==='undefined') ?  false : v;
  55.   this.y2axis = (typeof(c)==='undefined') ?  false : y2;
  56. }
  57.  
  58. function Team(){
  59.   this.fullname="";
  60.   this.nickname="";
  61.   this.score=0;
  62.   this.fenwick=new Curve();
  63.   this.dFenwick=new Curve();
  64.   this.corsi=new Curve();
  65.   this.dCorsi=new Curve();
  66.   this.shots=new Curve();
  67.   this.dShots=new Curve();
  68.   
  69.   this.goals=new Curve('#000000',true);
  70.   this.penalties=new Curve('#000000',true);
  71. }
  72.  
  73. function begin(){
  74.   if(document.URL.indexOf("www.nhl.com/scores/htmlreports")>0){
  75.     if(window.top != window.self){
  76.       document.body.style.display='none';
  77.       respondToSizingMessage = function(e) {
  78.         //if(e.origin == 'http://origin-domain.com') {
  79.         // e.data is the string sent by the origin with postMessage.
  80.         if(e.data == 'sizing?') {
  81.           var h = document.getElementById('cbtable').offsetHeight;
  82.           h += document.getElementById('graph').height;
  83.           h += 10;
  84.           var w = Math.max(document.getElementById('cbtable').offsetWidth, document.getElementById('graph').width)+10;
  85.           window.top.postMessage('sizing:'+h+','+w, e.origin);
  86.         }
  87.         //}
  88.       };
  89.       window.addEventListener('message', respondToSizingMessage, false);
  90.     }
  91.     Curve.prototype=new Array;
  92.     gameEvents=new Array();
  93.     visitor=new Team();
  94.     home=new Team();
  95.     cbHash=new Array();
  96.     PAGE=document.URL.substring(document.URL.lastIndexOf("/")+1,document.URL.lastIndexOf("."));
  97.   
  98.     loadxml();
  99.     parseEvents();
  100.     insertElements();
  101.     createCurves();
  102.     updateFromCookie();
  103.     //Load and display Fenwick data by default
  104.     //curves.push(home.fenwick);
  105.     //curves.push(visitor.fenwick);
  106.     //drawGrid(Math.max(home.fenwick.length,visitor.fenwick.length));
  107.     //plotCurve(home.fenwick);
  108.     //plotCurve(visitor.fenwick);
  109.   } else if(document.URL.indexOf("www.nhl.com/ice/gamestats.htm")>0){
  110.     if( window.top != window.self && document.URL.indexOf("teamRTSSreports")>0 ){
  111.       document.getElementById("fullPage").style.display = 'none';
  112.       document.getElementById("c_copyright").style.display = 'none';
  113.       document.getElementById("c_drippan").style.display = 'none';
  114.       document.getElementById("dripTopAd").style.display = 'none';
  115.       document.getElementById("masthead").style.display = 'none';
  116.       document.getElementById("drippan").style.display = 'none';
  117.       document.getElementById("leagueSiteMenu").style.display = 'none';
  118.       var rows = document.getElementById("statsLegend").previousSibling.tBodies[0].childNodes;
  119.       var t = document.createElement("table");
  120.       t.setAttribute('class','data');
  121.       var tb = document.createElement('tbody');
  122.       t.appendChild(tb);
  123.       for(var i=0; i<Math.min(15,rows.length); i++){
  124.         var row = rows[i].childNodes;
  125.         var tr = document.createElement('tr');
  126.         tr.appendChild(row[0].cloneNode(true));
  127.         tr.appendChild(row[2].cloneNode(true));
  128.         tr.appendChild(row[3].cloneNode(true));
  129.         tr.appendChild(row[8].cloneNode(true));
  130.         tb.appendChild(tr);
  131.       }
  132.       document.getElementById("pageBody").insertBefore(t,document.getElementById("fullPage"));
  133.     }
  134.   } else { //create an iframe element that will load the game report
  135.     var d = document.createElement("div");
  136.     d.id = 'div';
  137.     d.style.position = "fixed";
  138.     d.style.right = "10px";
  139.     d.style.zIndex = "100000";
  140.     
  141.     var ss = document.createElement("style");
  142.     ss.type = "text/css";
  143.     document.getElementsByTagName("head")[0].appendChild(ss);
  144.       
  145.     var toggle = document.createElement("button");
  146.     toggle.textContent = 'Toggle Graph';
  147.     toggle.onclick=function(){
  148.         if(document.getElementById('frame').style.display == 'none'){
  149.           document.getElementById('frame').style.display = '';
  150.           document.getElementById('resizeBtn').style.display = '';
  151.           //document.getElementById('cookieBtn').style.display = '';
  152.           document.getElementById('switchBtn').style.display = '';
  153.           ss.innerHTML = ".l-page-wrap{margin:0 !important;}";
  154.         } else {
  155.           document.getElementById('frame').style.display = 'none';
  156.           document.getElementById('resizeBtn').style.display = 'none';
  157.           //document.getElementById('cookieBtn').style.display = 'none';
  158.           document.getElementById('switchBtn').style.display = 'none';
  159.           ss.innerHTML = "";
  160.         }
  161.         
  162.         return; };
  163.     d.appendChild(toggle);
  164.     
  165.     //d.appendChild(document.createElement("br"));
  166.     //document.body.insertBefore(d, document.body.firstChild);
  167.     /*
  168.     toggle = document.createElement("button");
  169.     toggle.textContent = 'Clear Cookie';
  170.     toggle.id='cookieBtn';
  171.     toggle.onclick=function(){
  172.         eraseCookie('myCookie'+PAGE);
  173.         eraseCookie('mySize');
  174.         eraseCookie('myColors'+PAGE);
  175.         eraseCookie('myAverage'+PAGE); };
  176.     d.appendChild(toggle);
  177.     */
  178.     //d.appendChild(document.createElement("br"));
  179.     //document.body.insertBefore(d, document.body.firstChild);
  180.     
  181.     
  182.     toggle = document.createElement("button");
  183.     toggle.textContent = 'Resize';
  184.     toggle.id='resizeBtn';
  185.     toggle.style.display='none';
  186.     toggle.onclick=function(){
  187.         frame.contentWindow.postMessage('sizing?', '*'); };
  188.     d.appendChild(toggle);
  189.     
  190.     toggle = document.createElement("button");
  191.     toggle.textContent = 'Switch Game';
  192.     toggle.style.display='none';
  193.     toggle.id='switchBtn';
  194.     toggle.onclick=function(){
  195.         document.getElementById('frame').src=RTSS_PAGE; };
  196.     d.appendChild(toggle);
  197.     
  198.     d.appendChild(document.createElement("br"));
  199.     //var sp=document.createElement('span');
  200.     //var inp=document.createElement('input');
  201.     //var t=document.createTextNode('Width:');
  202.     //inp.type='text';
  203.     //inp.size=3;
  204.     //inp.setAttribute('id','average');
  205.     //sp.setAttribute('class','curves visitor');
  206.     //inp.value='400';
  207.     //inp.onchange=function(){ 
  208.     //    document.getElementById("frame").width=document.getElementById('graph').width;
  209.     //    document.getElementById("div").width=this.value;};
  210.     //sp.appendChild(t);
  211.     //sp.appendChild(inp);
  212.     //d.appendChild(sp);
  213.       
  214.     document.body.insertBefore(d, document.body.firstChild);
  215.     handleSizingResponse = function(e) {
  216.       //if(e.origin == 'http://remote-domain.com') {
  217.       var action = e.data.split(':')[0];
  218.       if(action == 'sizing') {
  219.         var f = document.getElementById("frame");
  220.         f.height=e.data.split(':')[1].split(",")[0];
  221.         f.width=e.data.split(':')[1].split(",")[1];
  222.       } else {
  223.         console.log("Unknown message: "+e.data);
  224.       }
  225.       //}
  226.     };     
  227.     window.addEventListener('message', handleSizingResponse, false);
  228.       
  229.     var frame = document.createElement("iframe");
  230.     frame.id='frame';
  231.     frame.height = "500";
  232.     frame.width = "400";
  233.     frame.style.right = "10px";
  234.     frame.setAttribute('style',"background-color:white;float:right");
  235.     frame.style.display = 'none';
  236.     frame.src = RTSS_PAGE;
  237.     d.appendChild(frame);
  238.   }
  239. }
  240.  
  241. function loadxml(){
  242.   //var req=new XMLHttpRequest();
  243.   //req.open("GET","PL020467.HTM",false);
  244.   //req.send();
  245.   //var txt=req.responseText;
  246.   
  247.   //var txt=document.firstChild.getElementsByTagName("body")[0].outerHTML;
  248.   var txt=document.body.outerHTML;
  249.   
  250.   txt=txt.replace(/<img(.*?)>/ig,"");
  251.   txt=txt.replace(/<head([\s\S]*?)<\/head>/ig,"");
  252.   txt=txt.replace(/<html(.*?)>/ig,"<xmlnode>");
  253.   txt=txt.replace("</html>","</xmlnode>");
  254.   txt=txt.replace(/<xmlfile(.*?)>/ig,"");
  255.   txt=txt.replace("</xmlfile>","");
  256.   txt=txt.replace(/<body(.*?)>/ig,"");
  257.   txt=txt.replace("</body>","");
  258.   txt=txt.replace(/<br>/g,"<br/>");
  259.   txt=txt.replace(/&nbsp;/g,"");
  260.   txt=txt.replace(/<style([\s\S]*?)<\/style>/ig,"");
  261.   txt=txt.replace(/<font([\s\S]*?)<\/font>/ig,"");
  262.   txt=txt.replace(/<script([\s\S]*?)<\/script>/ig,"");
  263.   
  264.   //doc=document.createDocumentFragment();
  265.   var gamexml=document.createElement("div");
  266.   gamexml.id="xml";
  267.   gamexml.innerHTML=txt;
  268.   gamexml.hidden=true;
  269.   document.firstChild.insertBefore(gamexml,document.body);
  270.   
  271.   //var kid=txt.firstChild;
  272.   //events=parser.parseFromString(txt,"text/xml");
  273.   //alert(xml.firstChild.hasChildren);
  274.   //xmlDoc=document.implementation.createDocument("","",null);
  275.   //xmlDoc.async=false;
  276.   //xmlDoc.load("PL020420.HTM");
  277. }
  278.  
  279. function parseEvents(){
  280.   var nodes=document.getElementById("xml").children;
  281.   getTeam(visitor,document.getElementById("Visitor").firstElementChild.children[2].firstElementChild.textContent);
  282.   getTeam(home,document.getElementById("Home").firstElementChild.children[2].firstElementChild.textContent);
  283.   for(var i=0; i<nodes.length; i++){
  284.     if(nodes[i].nodeName.toLowerCase()!="table"){
  285.       continue;
  286.     }
  287.     var rows=nodes[i].firstElementChild.children;
  288.     for(var j=0; j<rows.length; j++){
  289.       if(!(rows[j].nodeName.toLowerCase()=="tr" && rows[j].className=="evenColor")){
  290.         continue;
  291.       }
  292.       var period=parseFloat(rows[j].children[1].innerHTML);
  293.       var status=rows[j].children[2].innerHTML;
  294.       var time=rows[j].children[3].childNodes[0].nodeValue;
  295.       time=time.replace(/\"/g,"");
  296.       var min=parseFloat(time.replace(/:.*[0-9]/g,""));
  297.       var sec=parseFloat(time.replace(/.*[0-9]:/g,""));
  298.       time=((period-1)*20 + min + sec/60);
  299.       var event=rows[j].children[4].innerHTML;
  300.       var description=rows[j].children[5].innerHTML;
  301.       
  302.       if(description.substring(0,3)==visitor.nickname){
  303.         description=visitor.nickname;
  304.       } else if(description.substring(0,3)==home.nickname) {
  305.         description=home.nickname;
  306.       }
  307.       var arr=new Array(time,event,description,status);
  308.       gameEvents.push(arr);
  309.     }
  310.     
  311.   }
  312. }
  313.  
  314. function insertElements(){
  315.   addStyle();
  316.   var container = document.createElement('div');
  317.   container.setAttribute('id','fancystats');
  318.   document.firstChild.insertBefore(container,document.body);
  319.   
  320.   var cbtable = document.createElement('table');
  321.   cbtable.id='cbtable';
  322.   var cbb = document.createElement('tbody');
  323.   cbtable.appendChild(cbb);
  324.   cbtable.align='center';
  325.   container.appendChild(cbtable);
  326.   
  327.   
  328.   var tr = cbb.appendChild(document.createElement('tr'));
  329.   var td = tr.appendChild(document.createElement('td'));
  330.   td.appendChild(createCB(visitor.corsi, visitor.nickname+' Corsi'));
  331.   td = tr.appendChild(document.createElement('td'));
  332.   td.appendChild(createCB(home.corsi, home.nickname+' Corsi'));
  333.  
  334.   tr = cbb.appendChild(document.createElement('tr'));
  335.   td = tr.appendChild(document.createElement('td'));
  336.   td.appendChild(createCB(visitor.fenwick, visitor.nickname+' Fenwick'));
  337.   td = tr.appendChild(document.createElement('td'));
  338.   td.appendChild(createCB(home.fenwick, home.nickname+' Fenwick'));
  339.   
  340.   tr = cbb.appendChild(document.createElement('tr'));
  341.   td = tr.appendChild(document.createElement('td'));
  342.   td.appendChild(createCB(visitor.shots, visitor.nickname+' Shots'));
  343.   td = tr.appendChild(document.createElement('td'));
  344.   td.appendChild(createCB(home.shots, home.nickname+' Shots'));
  345.   
  346.   tr = cbb.appendChild(document.createElement('tr'));
  347.   td = tr.appendChild(document.createElement('td'));
  348.   td.appendChild(createCB(visitor.dCorsi, visitor.nickname+' dCorsi',visitor.nickname+' Corsi Rate'));
  349.   td = tr.appendChild(document.createElement('td'));
  350.   td.appendChild(createCB(home.dCorsi, home.nickname+' dCorsi',home.nickname+' Corsi Rate'));
  351.   
  352.   tr = cbb.appendChild(document.createElement('tr'));
  353.   td = tr.appendChild(document.createElement('td'));
  354.   td.appendChild(createCB(visitor.dFenwick, visitor.nickname+' dFenwick',visitor.nickname+' Fenwick Rate'));
  355.   td = tr.appendChild(document.createElement('td'));
  356.   td.appendChild(createCB(home.dFenwick, home.nickname+' dFenwick',home.nickname+' Fenwick Rate'));
  357.   
  358.   tr = cbb.appendChild(document.createElement('tr'));
  359.   td = tr.appendChild(document.createElement('td'));
  360.   td.appendChild(createCB(visitor.dShots, visitor.nickname+' dShots',visitor.nickname+' Shot Rate'));
  361.   td = tr.appendChild(document.createElement('td'));
  362.   td.appendChild(createCB(home.dShots, home.nickname+' dShots',home.nickname+' Shot Rate'));
  363.   
  364.   tr = cbb.appendChild(document.createElement('tr'));
  365.   td = tr.appendChild(document.createElement('td'));
  366.   td.appendChild(createCB(visitor.goals, visitor.nickname+' Goals'));
  367.   td = tr.appendChild(document.createElement('td'));
  368.   td.appendChild(createCB(home.goals, home.nickname+' Goals'));
  369.   
  370.   tr = cbb.appendChild(document.createElement('tr'));
  371.   td = tr.appendChild(document.createElement('td'));
  372.   var sel=document.createElement('select');
  373.   sel.setAttribute('id','visitorColor');
  374.   //sel.setAttribute('class','curves visitor');
  375.   var opt=document.createElement('option');
  376.   opt.setAttribute('value',visitor.fenwick.color);
  377.   opt.innerHTML='Color:';
  378.   sel.appendChild(opt);
  379.   opt=document.createElement('option');
  380.   opt.setAttribute('value','#000000');
  381.   opt.innerHTML='black';
  382.   sel.appendChild(opt);
  383.   opt=document.createElement('option');
  384.   opt.setAttribute('value','#FF0000');
  385.   opt.innerHTML='red';
  386.   sel.appendChild(opt);
  387.   opt=document.createElement('option');
  388.   opt.setAttribute('value','#0000FF');
  389.   opt.innerHTML='blue';
  390.   sel.appendChild(opt);
  391.   sel.onchange=function(){return changeColors();};
  392.   //document.firstChild.insertBefore(sel,document.body);
  393.   td.appendChild(sel);
  394.   
  395.   td = tr.appendChild(document.createElement('td'));
  396.   sel=document.createElement('select');
  397.   sel.setAttribute('id','homeColor');
  398.   //sel.setAttribute('class','curves home');
  399.   opt=document.createElement('option');
  400.   opt.setAttribute('value',home.fenwick.color);
  401.   opt.innerHTML='Color:';
  402.   sel.appendChild(opt);
  403.   opt=document.createElement('option');
  404.   opt.setAttribute('value','#000000');
  405.   opt.innerHTML='black';
  406.   sel.appendChild(opt);
  407.   opt=document.createElement('option');
  408.   opt.setAttribute('value','#FF0000');
  409.   opt.innerHTML='red';
  410.   sel.appendChild(opt);
  411.   opt=document.createElement('option');
  412.   opt.setAttribute('value','#0000FF');
  413.   opt.innerHTML='blue';
  414.   sel.appendChild(opt);
  415.   sel.onchange=function(){return changeColors();};
  416.   //document.firstChild.insertBefore(sel,document.body);
  417.   td.appendChild(sel);
  418.   
  419.   tr = cbb.appendChild(document.createElement('tr'));
  420.   td = tr.appendChild(document.createElement('td'));
  421.   var sp=document.createElement('span');
  422.   var inp=document.createElement('input');
  423.   var t=document.createTextNode('Scale Graph:');
  424.   inp.type='text';
  425.   inp.size=2;
  426.   inp.setAttribute('id','graphSize');
  427.   sp.setAttribute('class','curves visitor');
  428.   inp.value='1';
  429.   inp.onchange=function(){return changeSize();};
  430.   sp.appendChild(t);
  431.   sp.appendChild(inp);
  432.   //document.firstChild.insertBefore(sp,document.body);
  433.   td.appendChild(sp);
  434.  
  435.  
  436.   tr = cbb.appendChild(document.createElement('tr'));
  437.   td = tr.appendChild(document.createElement('td'));
  438.   sp=document.createElement('span');
  439.   inp=document.createElement('input');
  440.   t=document.createTextNode('Time for Rates(min):');
  441.   inp.type='text';
  442.   inp.size=2;
  443.   inp.setAttribute('id','average');
  444.   sp.setAttribute('class','curves visitor');
  445.   inp.value='5';
  446.   inp.onchange=function(){return changeAverage();};
  447.   sp.appendChild(t);
  448.   sp.appendChild(inp);
  449.   //document.firstChild.insertBefore(sp,document.body);
  450.   td.appendChild(sp);
  451.   
  452.   var d=document.createElement('div');
  453.   var canvas=document.createElement("canvas");
  454.   d.setAttribute('class','graph');
  455.   canvas.id="graph";
  456.   d.appendChild(canvas);
  457.   //document.firstChild.insertBefore(d,document.body);
  458.   container.appendChild(d);
  459.  
  460. }
  461.  
  462. function createCB(arr,id,t){
  463.   t=typeof t !== 'undefined' ? t : id;
  464.   var sp=document.createElement('span');
  465.   var cb=document.createElement('input');
  466.   var tx=document.createTextNode(t);
  467.   var cls=id.split(" ")[0].toLowerCase();
  468.   
  469.   sp.setAttribute('class',"curves "+cls);
  470.   cb.type='checkbox';
  471.   cb.setAttribute('id',id.replace(" ","-"));
  472.   cb.onclick=function(){
  473.                return updateGraph();
  474.              };
  475.   sp.appendChild(cb);
  476.   sp.appendChild(tx);
  477.   //document.firstChild.insertBefore(sp,document.body);
  478.   cbHash.push([id.replace(" ","-"),arr]);
  479.   return sp;
  480. }
  481.  
  482. function addStyle(){
  483.   var css = document.createElement("style");
  484.   var hd=document.firstChild.getElementsByTagName("head")[0];
  485.   css.type = "text/css";
  486.   css.innerHTML = ".curves{position:relative;} "+
  487.                   ".home{float:left;} "+
  488.                   ".visitor{display:block;left:50px;} "+
  489.                   ".graph{text-align:center;}";
  490.   hd.appendChild(css);
  491. }
  492.  
  493. function createCurves(){
  494.   for(var i=0; i<gameEvents.length; i++){
  495.     var time=gameEvents[i][0];
  496.     var event=gameEvents[i][1];
  497.     var team=gameEvents[i][2];
  498.     
  499.     //Fenwick and Corsi lines
  500.     if(event=='SHOT' || event=='MISS' || event=='BLOCK' || event=='GOAL'){
  501.       if(event!='BLOCK'){
  502.         (team==home.nickname) ? home.fenwick.push([time,home.fenwick.length+1]) :
  503.                                 visitor.fenwick.push([time,visitor.fenwick.length+1]);
  504.         if(event!='MISS'){
  505.           (team==home.nickname) ? home.shots.push([time,home.shots.length+1]) :
  506.                                   visitor.shots.push([time,visitor.shots.length+1]);
  507.         }
  508.       }
  509.  
  510.       (team==home.nickname) ? home.corsi.push([time,home.corsi.length+1]) :
  511.                               visitor.corsi.push([time,visitor.corsi.length+1]);
  512.       //Vertical line for goals
  513.       if(event=='GOAL'){
  514.         (team==home.nickname) ? home.goals.push([time,home.goals.length+1]) :
  515.                                 visitor.goals.push([time,visitor.goals.length+1]);
  516.       }
  517.       checkCurveTimes(home.fenwick);
  518.       checkCurveTimes(home.corsi);
  519.       checkCurveTimes(home.shots);
  520.       checkCurveTimes(visitor.fenwick);
  521.       checkCurveTimes(visitor.corsi);
  522.       checkCurveTimes(visitor.shots);
  523.     }
  524.     //Vertical line for penalties
  525.     if(event=='PENL'){
  526.       (team==home.nickname) ? home.penalties.push([time,home.penalties.length+1]) :
  527.                               visitor.penalties.push([time,visitor.penalties.length+1]);
  528.     }
  529.   }
  530.   //Make sure that the lines continue until the end of game time
  531.   var endTime=gameEvents[gameEvents.length-1][0];
  532.   home.fenwick.push([endTime,home.fenwick.length+1]);
  533.   home.corsi.push([endTime,home.corsi.length+1]);
  534.   home.shots.push([endTime,home.shots.length+1]);
  535.   visitor.fenwick.push([endTime,visitor.fenwick.length+1]);
  536.   visitor.corsi.push([endTime,visitor.corsi.length+1]);
  537.   visitor.shots.push([endTime,visitor.shots.length+1]);
  538.   
  539.   //Adjust the fenwick/corsi curves. Sometimes mulitple events
  540.   //occur at the same second. When the derivative is taken, it
  541.   //throws an error bc division by t(n)-t(n-1)=0 is INF
  542.   
  543.   //Calculate rolling average Fenwick and Corsi lines
  544.   avgCurve(home.fenwick,home.dFenwick);
  545.   avgCurve(home.corsi,home.dCorsi);
  546.   avgCurve(home.shots,home.dShots);
  547.   avgCurve(visitor.fenwick,visitor.dFenwick);
  548.   avgCurve(visitor.corsi,visitor.dCorsi);
  549.   avgCurve(visitor.shots,visitor.dShots);
  550. }
  551.  
  552. function checkCurveTimes(arr){
  553.   if(arr.length<2){
  554.     return;
  555.   }
  556.   if(arr[arr.length-1][0]==arr[arr.length-2][0]){
  557.     var n=arr.pop();
  558.     arr[arr.length-1][1]=n[1];
  559.   }
  560. }
  561.  
  562. function avgCurve(c,dc){
  563.   //clear the old dCurve values
  564.   while(dc[0] != undefined){
  565.     dc.pop();
  566.   }
  567.   dc.color=c.color;
  568.   dc.y2axis=true;
  569.   var arr=new Curve();
  570.   var dt=1/60;
  571.   var numpts=c[c.length-1][0]/dt;
  572.   var avg=average/dt;
  573.   
  574.   var cTime=0;
  575.   arr.push([0,0]);
  576.   for(var i=0;i<numpts;i++){
  577.     var time=dt*i
  578.     if(time>=c[cTime][0]){
  579.       cTime++;
  580.     }
  581.     if(cTime==0){
  582.       arr.push([time,0]);
  583.       //arr.push([time,(time)*c[0][1]/c[cTime][0]]);
  584.     }else{
  585.       arr.push([time, c[cTime-1][1]]);
  586.       //arr.push([time, c[cTime-1][1]+(time-c[cTime-1][0])*(c[cTime][1]-c[cTime-1][1])/(c[cTime][0]-c[cTime-1][0])]);
  587.     }
  588.   }
  589.   for(var i=avg;i<numpts;i++){
  590.     dc.push([ (arr[i][0]+arr[i-avg][0])/2, (arr[i][1]-arr[i-avg][1])/(arr[i][0]-arr[i-avg][0]) ]);
  591.   }
  592. }
  593.  
  594. function updateGraph(){
  595.   var i,curveMax=0,curveY2Max=0;
  596.   var curves=new Array();
  597.   var cookieVal='';
  598.   
  599.   eraseCookie('myCookie'+PAGE);
  600.   //Update the array containing all the curves to be plotted
  601.   for(i=0;i<cbHash.length;i++){
  602.     var cb=document.getElementById(cbHash[i][0]);
  603.     var arr=cbHash[i][1];
  604.     if(cb.checked){
  605.       curves.push(arr);
  606.       cookieVal=cookieVal+cb.id+'/';
  607.     }
  608.   }
  609.   createCookie('myCookie'+PAGE,cookieVal);
  610.   
  611.   //Find the max value of the plotted curves
  612.   for(i=0;i<curves.length;i++){
  613.       if(curves[i].vertline){
  614.         continue;
  615.       }
  616.       if(curves[i].y2axis){
  617.         for(var j=0;j<curves[i].length;j++){
  618.           curveY2Max=Math.max(curveY2Max,curves[i][j][1]);
  619.         }
  620.       }else{
  621.         curveMax=Math.max(curveMax,curves[i][curves[i].length-1][1]);
  622.       }
  623.   }
  624.   
  625.   drawGrid(curveMax,curveY2Max);
  626.   for(i=0;i<curves.length;i++){
  627.     if(curves[i].vertline){
  628.       plotVertLine(curves[i]);
  629.     }else{
  630.       plotCurve(curves[i]);
  631.     }
  632.   }
  633. }
  634.  
  635. function drawGrid(fmax,f2max){
  636.   var graph=document.getElementById("graph");
  637.   var ctx=graph.getContext("2d");
  638.   var tmax=gameEvents[gameEvents.length-1][0],dtic=10*scaleFactor,dt=20,df=10,df2=0.5;
  639.   var y0=yInit,
  640.       x0=xInit,
  641.       ymax=yMaxInit*scaleFactor,
  642.       xmax=xMaxInit*scaleFactor;
  643.   var showY2=(f2max>0);
  644.   var flipY2=false;
  645.   if(fmax==0 && f2max>0){
  646.     flipY2=true;
  647.     showY2=false;
  648.     fmax=f2max;
  649.     df=df2;
  650.   }
  651.   var ny=Math.max(Math.floor(fmax/df),Math.floor(f2max/df2))+1;
  652.   var dx=xmax/(Math.ceil(tmax/dt));
  653.   var dy=ymax/(ny);
  654.   xscale=dx/dt;
  655.   yscale=dy/df;
  656.   y2scale=dy/df2;
  657.   graph.width=xmax+2*x0;
  658.   graph.height=ymax+2*y0;
  659.   ctx.rect(x0,y0,xmax,ymax);
  660.   
  661.   //Draw labels
  662.   ctx.font=""+fontSize+"px Ariel";
  663.   for(var i=0;i<ny;i++){//Draw y-axis labels
  664.     var t=df*(i+1);
  665.     var wid=x0-dtic-ctx.measureText(df*(i+1)).width;
  666.     var heig=ymax+y0-dy*(i+1)+fontSize/2;
  667.     //ctx.fillText(t,wid,heig);
  668.     ctx.fillText(df*(i+1), x0-dtic-ctx.measureText(df*(i+1)).width,ymax+y0-dy*(i+1)+fontSize/2);
  669.     if(showY2){
  670.       ctx.fillText(df2*(i+1),x0+xmax+5,ymax+y0-dy*(i+1)+fontSize/2);
  671.     }
  672.   }
  673.   for(var i=0;i<Math.ceil(tmax/dt);i++){//Draw x-axis labels
  674.     ctx.fillText(dt*(i+1),x0+dx*(i+1)-ctx.measureText(dt*(i+1)).width/2,ymax+y0+dtic+fontSize);
  675.   }
  676.   ctx.font=""+fontSize*1.5+"px Ariel";
  677.   ctx.fillText("Time (min)",x0+xmax/2-ctx.measureText("Time (min)").width/2,y0+ymax+dtic+fontSize+fontSize*1.5);
  678.   ctx.stroke();
  679.   var vscore = document.getElementById("Visitor").firstElementChild.children[1].firstElementChild.firstElementChild.firstElementChild.firstElementChild.children[1].textContent;
  680.   var hscore = document.getElementById("Home").firstElementChild.children[1].firstElementChild.firstElementChild.firstElementChild.firstElementChild.children[1].textContent;
  681.   var scoreText = visitor.nickname+" "+vscore+" | "+home.nickname+" "+hscore;
  682.   ctx.fillText(scoreText,x0+xmax/2-ctx.measureText(scoreText).width/2,y0-dtic);
  683.   ctx.stroke();
  684.   
  685.   var txt=(flipY2)?"Rate of Events (#/min)":"Events (#)"
  686.   ctx.rotate(-90*Math.PI/180);
  687.   ctx.fillText(txt,-(y0+ymax/2+ctx.measureText(txt).width/2),x0-dtic-fontSize-dtic/scaleFactor);
  688.   ctx.stroke;
  689.   
  690.   if(showY2){
  691.     ctx.rotate(Math.PI);
  692.     ctx.fillText("Rate of Events (#/min)",y0+ymax/2-ctx.measureText("Rate of Events (#/min)").width/2,-(x0+xmax+dtic+ctx.measureText('10').width/1.5+dtic/scaleFactor));
  693.     ctx.stroke;
  694.   }
  695.   
  696.   //Flip the orientation of the canvas so that we can plot
  697.   //the stuff with the correct origin and stuff.
  698.   ctx.setTransform(1,0,0,-1,0,0);
  699.   ctx.translate(0,-graph.height);
  700.   
  701.   ctx.moveTo(x0-dtic,y0+ymax);//Draw y-axis tick marks
  702.   ctx.lineTo(x0+xmax,y0+ymax);
  703.   for(var i=0;i<ny;i++){
  704.     ctx.moveTo(x0-dtic,y0+i*dy);
  705.     ctx.lineTo(x0+xmax,y0+i*dy);
  706.     for(var j=0;j<4;j++){
  707.       ctx.moveTo(x0-dtic/2,y0+i*dy+dy/4*j);
  708.       ctx.lineTo(x0,y0+i*dy+dy/4*j);
  709.     }
  710.   }
  711.   ctx.moveTo(x0+xmax,y0-dtic);//Draw x-axis tick marks
  712.   ctx.lineTo(x0+xmax,y0+ymax);
  713.   for(var i=0;i<Math.ceil(tmax/dt);i++){
  714.     ctx.moveTo(x0+i*dx,y0-dtic);
  715.     ctx.lineTo(x0+i*dx,y0+ymax);
  716.     for(var j=0;j<4;j++){
  717.       ctx.moveTo(x0+i*dx+dx/4*j,y0-dtic/2);
  718.       ctx.lineTo(x0+i*dx+dx/4*j,y0);
  719.     }
  720.   }
  721.   ctx.stroke();
  722. }
  723.  
  724. function plotCurve(arr){
  725.   var graph=document.getElementById("graph");
  726.   var ctx=graph.getContext("2d");
  727.   var y0=yInit,x0=xInit,ymax=yMaxInit*scaleFactor,xmax=xMaxInit*scaleFactor,yPrev;
  728.   
  729.   ctx.beginPath();
  730.   ctx.setTransform(1,0,0,-1,0,0);
  731.   ctx.translate(0,-graph.height);
  732.   ctx.strokeStyle=arr.color;
  733.   ctx.moveTo(x0,y0);
  734.   yPrev=y0;
  735.   for(var i=0; i<arr.length; i++){
  736.     if(arr.y2axis){
  737.       ctx.lineTo(x0+arr[i][0]*xscale,yPrev);
  738.       ctx.lineTo(x0+arr[i][0]*xscale,y0+arr[i][1]*y2scale);
  739.       yPrev=y0+arr[i][1]*y2scale;
  740.     }else{
  741.       ctx.lineTo(x0+arr[i][0]*xscale,yPrev);
  742.       ctx.lineTo(x0+arr[i][0]*xscale,y0+arr[i][1]*yscale);
  743.       yPrev=y0+arr[i][1]*yscale;
  744.     }
  745.   }
  746.   ctx.stroke();
  747.   //ctx.strokeStyle="#000000";
  748. }
  749.  
  750. function plotVertLine(arr){
  751.   var graph=document.getElementById("graph");
  752.   var ctx=graph.getContext("2d");
  753.   var y0=yInit,x0=xInit,ymax=yMaxInit*scaleFactor,xmax=xMaxInit*scaleFactor;
  754.   
  755.   ctx.beginPath();
  756.   ctx.setTransform(1,0,0,-1,0,0);
  757.   ctx.translate(0,-graph.height);
  758.   ctx.strokeStyle=arr.color;
  759.   for(var i=0; i<arr.length; i++){
  760.     var dashes=50;
  761.     var dl=ymax/(2*dashes-1);
  762.     for(var j=0;j<2*dashes;j++){
  763.       if(j%2==0){
  764.         ctx.moveTo(x0+arr[i][0]*xscale,y0+dl*j);
  765.       }else{
  766.         ctx.lineTo(x0+arr[i][0]*xscale,y0+dl*j);
  767.       }
  768.     }
  769.   }
  770.   ctx.stroke();
  771.   ctx.strokeStyle="#000000";
  772. }
  773.  
  774. function updateFromCookie(){
  775.   var cookie=readCookie('myCookie'+PAGE);
  776.   if(cookie!=null){
  777.     eraseCookie('myCookie'+PAGE);
  778.     var arr=cookie.split("/");
  779.     for(var i=0;i<arr.length;i++){
  780.       if(arr[i]=='') continue;
  781.       var cb=document.getElementById(arr[i]);
  782.       if(cb != null) cb.setAttribute('checked','true');
  783.     }
  784.   }
  785.   
  786.   cookie=readCookie('myColors'+PAGE);
  787.   if(cookie!=null){
  788.     arr=cookie.split("/");
  789.     if(arr.length==2){
  790.       document.getElementById('homeColor').value=arr[0];
  791.       document.getElementById('visitorColor').value=arr[1];
  792.     }
  793.     changeColors();
  794.   }
  795.   
  796.   cookie=readCookie('mySize');
  797.   if(cookie!=null){
  798.     document.getElementById('graphSize').value=cookie;
  799.     scaleFactor=cookie;
  800.   }
  801.   
  802.   cookie=readCookie('myAverage'+PAGE);
  803.   if(cookie!=null){
  804.     document.getElementById('average').value=cookie;
  805.     average=cookie;
  806.     avgCurve(home.fenwick,home.dFenwick);
  807.     avgCurve(home.corsi,home.dCorsi);
  808.     avgCurve(home.shots,home.dShots);
  809.     avgCurve(visitor.fenwick,visitor.dFenwick);
  810.     avgCurve(visitor.corsi,visitor.dCorsi);
  811.     avgCurve(visitor.shots,visitor.dShots);
  812.   }
  813.   updateGraph();
  814. }
  815.  
  816. function getTeam(team,t){
  817.   var fullname=new Array("ANAHEIM DUCKS",
  818.     "BOSTON BRUINS",
  819.     "BUFFALO SABRES",
  820.     "CALGARY FLAMES",
  821.     "CAROLINA HURRICANES",
  822.     "CHICAGO BLACKHAWKS",
  823.     "COLORADO AVALANCHE",
  824.     "COLUMBUS BLUE JACKETS",
  825.     "DALLAS STARS",
  826.     "DETROIT RED WINGS",
  827.     "EDMONTON OILERS",
  828.     "FLORIDA PANTHERS",
  829.     "LOS ANGELES KINGS",
  830.     "MINNESOTA WILD",
  831.     "MONTREAL CANADIENS",
  832.     "NASHVILLE PREDATORS",
  833.     "NEW JERSEY DEVILS",
  834.     "NEW YORK ISLANDERS",
  835.     "NEW YORK RANGERS",
  836.     "OTTAWA SENATORS",
  837.     "PHILADELPHIA FLYERS",
  838.     "PHOENIX COYOTES",
  839.     "PITTSBURGH PENGUINS",
  840.     "ST. LOUIS BLUES",
  841.     "SAN JOSE SHARKS",
  842.     "TAMPA BAY LIGHTNING",
  843.     "TORONTO MAPLE LEAFS",
  844.     "VANCOUVER CANUCKS",
  845.     "WASHINGTON CAPITALS",
  846.     "WINNIPEG JETS");
  847.   var nickname=new Array("ANA",
  848.      "BOS",
  849.     "BUF",
  850.     "CGY",
  851.     "CAR",
  852.     "CHI",
  853.     "COL",
  854.     "CBJ",
  855.     "DAL",
  856.     "DET",
  857.     "EDM",
  858.     "FLA",
  859.     "L.A",
  860.     "MIN",
  861.     "MTL",
  862.     "NSH",
  863.     "N.J",
  864.     "NYI",
  865.     "NYR",
  866.     "OTT",
  867.     "PHI",
  868.     "PHX",
  869.     "PIT",
  870.     "STL",
  871.     "S.J",
  872.     "T.B",
  873.     "TOR",
  874.     "VAN",
  875.     "WSH",
  876.     "WPG");
  877.   var colors=new Array("#FF6600",//"ANAHEIM DUCKS",
  878.     "#000000",//"BOSTON BRUINS",
  879.     "#FFCC00",//"BUFFALO SABRES",
  880.     "#FF3300",//"CALGARY FLAMES",
  881.     "#CC0000",//"CAROLINA HURRICANES",
  882.     "#FF3300",//"CHICAGO BLACKHAWKS",
  883.     "#3366FF",//"COLORADO AVALANCHE",
  884.     "#000066",//"COLUMBUS BLUE JACKETS",
  885.     "#000000",//"DALLAS STARS",
  886.     "#FF0000",//"DETROIT RED WINGS",
  887.     "#FF6600",//"EDMONTON OILERS",
  888.     "#A31919",//"FLORIDA PANTHERS",
  889.     "#000000",//"LOS ANGELES KINGS",
  890.     "#197519",//"MINNESOTA WILD",
  891.     "#FF0000",//"MONTREAL CANADIENS",
  892.     "#CC9900",//"NASHVILLE PREDATORS",
  893.     "#CC0000",//"NEW JERSEY DEVILS",
  894.     "#0000FF",//"NEW YORK ISLANDERS",
  895.     "#0000CC",//"NEW YORK RANGERS",
  896.     "#CC0000",//"OTTAWA SENATORS",
  897.     "#FF6600",//"PHILADELPHIA FLYERS",
  898.     "#800000",//"PHOENIX COYOTES",
  899.     "#996600",//"PITTSBURGH PENGUINS",
  900.     "#0066FF",//"SAINT LOUIS BLUES",
  901.     "#006666",//"SAN JOSE SHARKS",
  902.     "#0000FF",//"TAMPA BAY LIGHTNING",
  903.     "#0000FF",//"TORONTO MAPLE LEAFS",
  904.     "#0000CC",//"VANCOUVER CANUCKS",
  905.     "#FF0000",//"WASHINGTON CAPITALS",
  906.     "#000033");//"WINNIPEG JETS"
  907.   for(var i=0;i<30;i++){
  908.     //alert(team.indexOf(fullname[i]));
  909.     if(t.indexOf(fullname[i])>=0){
  910.       team.nickname=nickname[i];
  911.       team.fullname=fullname[i];
  912.       team.fenwick.color=colors[i];
  913.       team.fenwick.name="fenwick"+nickname[i];
  914.       team.corsi.color=colors[i];
  915.       team.corsi.name="corsi"+nickname[i];
  916.       team.shots.color=colors[i];
  917.       team.shots.name="shots"+nickname[i];
  918.       team.goals.name="goals"+nickname[i];
  919.       team.penalties.name="penalties"+nickname[i];
  920.       team.goals.color=colors[i];
  921.       return;
  922.     }
  923.   }
  924.   alert('team: '+t+'not found');
  925.   return;
  926. }
  927.  
  928. function changeColors(){
  929.   var homeColor=document.getElementById('homeColor').value;
  930.   var visitorColor=document.getElementById('visitorColor').value;
  931.   home.fenwick.color=homeColor;
  932.   home.corsi.color=homeColor;
  933.   home.shots.color=homeColor;
  934.   home.dFenwick.color=homeColor;
  935.   home.dCorsi.color=homeColor;
  936.   home.dShots.color=homeColor;
  937.   home.goals.color=homeColor;
  938.   visitor.fenwick.color=visitorColor;
  939.   visitor.corsi.color=visitorColor;
  940.   visitor.shots.color=visitorColor;
  941.   visitor.dFenwick.color=visitorColor;
  942.   visitor.dCorsi.color=visitorColor;
  943.   visitor.dShots.color=visitorColor;
  944.   visitor.goals.color=visitorColor;
  945.   eraseCookie('myColors'+PAGE);
  946.   createCookie('myColors'+PAGE,homeColor+"/"+visitorColor);
  947.   updateGraph();
  948. }
  949.  
  950. function changeSize(){
  951.   var s=document.getElementById('graphSize').value;
  952.   if(isNaN(s)){
  953.     return;
  954.   }
  955.   createCookie('mySize',''+s);
  956.   scaleFactor=s;
  957.   updateGraph();
  958.     
  959.   window.postMessage('sizing:'+document.body.scrollHeight+','+document.body.scrollWidth, "*");
  960.     //alert('Frames:'+window.top.frames);
  961. }
  962.  
  963. function changeAverage(){
  964.   var avg=document.getElementById('average').value;
  965.   if(isNaN(avg)){
  966.     return;
  967.   }
  968.   average=avg;
  969.   createCookie('myAverage'+PAGE,''+avg);
  970.   avgCurve(home.fenwick,home.dFenwick);
  971.   avgCurve(home.corsi,home.dCorsi);
  972.   avgCurve(home.shots,home.dShots);
  973.   avgCurve(visitor.fenwick,visitor.dFenwick);
  974.   avgCurve(visitor.corsi,visitor.dCorsi);
  975.   avgCurve(visitor.shots,visitor.dShots);
  976.   updateGraph();
  977. }
  978.  
  979. function createCookie(name,value,days) {
  980.   if (days) {
  981.     var date = new Date();
  982.     date.setTime(date.getTime()+(days*24*60*60*1000));
  983.     var expires = "; expires="+date.toGMTString();
  984.   }
  985.   else var expires = "";
  986.   document.cookie = name+"="+value+expires+"; path=/";
  987. }
  988.  
  989. function readCookie(name) {
  990.   var nameEQ = name + "=";
  991.   var ca = document.cookie.split(';');
  992.   for(var i=0;i < ca.length;i++) {
  993.     var c = ca[i];
  994.     while (c.charAt(0)==' ') c = c.substring(1,c.length);
  995.     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  996.   }
  997.   return null;
  998. }
  999.  
  1000. function eraseCookie(name) {
  1001.   createCookie(name,"",-1);
  1002. }