
function myDrawFunction() {
    jg.setColor("black");
    jg.setStroke(3);
    jg.drawLine(320,0,320,1447); // co-ordinates related to "myCanvas"
    jg.setStroke(1);
    printTeam(5,"1. Pittsburgh <span class=\"record\">(3-0)</span>","18.25","black");
    jg.drawLine(304,14,320,14);
    printTeam(170,"2. Atlanta <span class=\"record\">(2-1)</span>","14.10","black");
    jg.drawLine(304,179,320,179);
    printTeam(323,"3. Green Bay <span class=\"record\">(2-1)</span>","10.28","black");
    jg.drawLine(304,332,320,332);
    printTeam(348,"4. New York Jets <span class=\"record\">(2-1)</span>","9.66","black");
    jg.drawLine(304,357,320,357);
    printTeam(401,"5. Chicago <span class=\"record\">(3-0)</span>","8.30","black");
    jg.drawLine(304,410,320,412);
    printTeam(420,"6. Tennessee <span class=\"record\">(2-1)</span>","8.04","black");
    jg.drawLine(304,429,320,422);
    printTeam(439,"7. Baltimore <span class=\"record\">(2-1)</span>","7.41","black");
    jg.drawLine(304,448,320,447);
    printTeam(482,"8. New Orleans <span class=\"record\">(2-1)</span>","6.30","black");
    jg.drawLine(304,491,320,491);
    printTeam(521,"9. Kansas City <span class=\"record\">(3-0)</span>","5.34","black");
    jg.drawLine(304,530,320,530);
    printTeam(568,"10. New England <span class=\"record\">(2-1)</span>","3.61","black");
    jg.drawLine(304,577,320,599);
    printTeam(587,"11. Miami <span class=\"record\">(2-1)</span>","3.30","black");
    jg.drawLine(304,596,320,611);
    printTeam(606,"12. Minnesota <span class=\"record\">(1-2)</span>","3.13","black");
    jg.drawLine(304,615,320,618);
    printTeam(625,"13. Philadelphia <span class=\"record\">(2-1)</span>","3.00","black");
    jg.drawLine(304,634,320,623);
    printTeam(644,"14. Cincinnati <span class=\"record\">(2-1)</span>","2.79","black");
    jg.drawLine(304,653,320,632);
    printTeam(708,"15. Cleveland <span class=\"record\">(0-3)</span>","0.63","black");
    jg.drawLine(304,717,320,718);
    printTeam(727,"16. Dallas <span class=\"record\">(1-2)</span>","-0.05","black");
    jg.drawLine(304,736,320,745);
    printTeam(746,"17. Detroit <span class=\"record\">(0-3)</span>","-0.19","black");
    jg.drawLine(304,755,320,751);
    printTeam(765,"18. San Diego <span class=\"record\">(1-2)</span>","-1.09","black");
    jg.drawLine(304,774,320,787);
    printTeam(784,"19. Indianapolis <span class=\"record\">(2-1)</span>","-1.23","black");
    jg.drawLine(304,793,320,793);
    printTeam(814,"20. Seattle <span class=\"record\">(2-1)</span>","-1.99","black");
    jg.drawLine(304,823,320,823);
    printTeam(838,"21. Houston <span class=\"record\">(2-1)</span>","-2.58","black");
    jg.drawLine(304,847,320,847);
    printTeam(889,"22. Tampa Bay <span class=\"record\">(2-1)</span>","-3.86","black");
    jg.drawLine(304,898,320,898);
    printTeam(927,"23. Washington <span class=\"record\">(1-2)</span>","-5.28","black");
    jg.drawLine(304,936,320,955);
    printTeam(946,"24. Denver <span class=\"record\">(1-2)</span>","-5.32","black");
    jg.drawLine(304,955,320,956);
    printTeam(965,"25. St. Louis <span class=\"record\">(1-2)</span>","-5.68","black");
    jg.drawLine(304,974,320,971);
    printTeam(984,"26. Buffalo <span class=\"record\">(0-3)</span>","-5.80","black");
    jg.drawLine(304,993,320,975);
    printTeam(1026,"27. San Francisco <span class=\"record\">(0-3)</span>","-7.28","black");
    jg.drawLine(304,1035,320,1035);
    printTeam(1092,"28. Arizona <span class=\"record\">(2-1)</span>","-8.95","black");
    jg.drawLine(304,1101,320,1101);
    printTeam(1119,"29. Oakland <span class=\"record\">(1-2)</span>","-9.61","black");
    jg.drawLine(304,1128,320,1128);
    printTeam(1254,"30. Jacksonville <span class=\"record\">(1-2)</span>","-12.99","black");
    jg.drawLine(304,1263,320,1263);
    printTeam(1334,"31. New York Giants <span class=\"record\">(1-2)</span>","-14.98","black");
    jg.drawLine(304,1343,320,1343);
    printTeam(1424,"32. Carolina <span class=\"record\">(0-3)</span>","-17.25","black");
    jg.drawLine(304,1433,320,1433);
    jg.paint();

}

function printTeam(ylocation,teamname,value,color) {
    jg.setColor(color);
    jg.setFont("Ariel","16px",Font.PLAIN);
    jg.drawStringRect(teamname,20,ylocation,365,"left");
    jg.drawStringRect(value,200,ylocation,100,"right");
    jg.paint();
}

var jg_doc = new jsGraphics(); // draw directly into document
var jg = new jsGraphics("visualrank");

myDrawFunction();

